ポートフォリオサイト_202109

担当工程：

UX設計・UIデザイン（Adobe XD）・コーディング（HTML/CSS/jQuery）

※ポートフォリオ用に、架空の設定で制作したサイトです。

サイト名：

森の幼稚園　黄色い鳥

http://yellow-bird.forestdesign.ml/

想定ターゲットユーザー：

幼稚園入学前のファミリー層

ゴール設定：

「森のようちえん」に関心のあるユーザーに、理念や園の雰囲気を伝え、入園に関する問い合わせを行ってもらうこと

デザインコンセプト：

• 子供の笑い声、はしゃぐ声が聞こえてきそうで、親子で来てみたくなる場の空気
• ポップでにぎやか楽しい、トコトコ動く、ハッピーカラフル（絵本の世界観）
• 動きについて。メインのコピーをタイプアニメにして期待感
• 山のかたちの動くディバイダー入れる
• カタカタした動きのキャラアイコンアイキャッチ(apngアニメ)
• びゅん、しゅん、的な、子どもが目で追いたくなる動き（topへ戻るボタン）

制作期間：４日間

• 情報設計＋写真＆素材あつめ：1日
• XDデータ作成：1日
• HTML ＆ CSS & jQuery & レスポンシブ：2日

対応ブラウザ：

Chromeのみ（他ブラウザ未確認段階）

レスポンシブ対応：

PC(1440px幅)・タブレット（768px幅）のみ

制作背景メモ：

前職での職掌はUI/UXデザインのみだったため、ゼロイチからのコーディングは、職業訓練校以来。コーディングも出来るwebデザイナーとなるため、2021年8月〜10月まで3ヶ月ほどかけて、HTML/CSS/jQuery/Wordpress/JavaScript/PHPを独学で学び直し。

その成果物として、ポートフォリオ５サイト制作。実案件でありそうな5種のタイプのターゲット＆クライアントを想定し、制作しました。