トップに戻るボタン

Works

クリエイト美容専門学校 Web サイト

クリエイト美容専門学校Website

美容専門学校 クリエイト美容専門学校(※架空)様の新規Webページを、 スクール課題として制作しました。4人チームでデザインとコーディングを分担し、納品までの工程を実際の案件同様に進行しました。

【主な訴求ポイント】

・ 実践力と就職力に直結する学校であること

・ 新しいことにチャレンジする姿勢を応援してくれる学校であること

成長や自己表現をイメージさせるカラーを用いて学校の活気や雰囲気を伝え、直感的に情報が伝わるユーザー導線を設計しました。

私は主にコーディングと発表資料の作成を担当しました。

クリエイト美容専門学校サイトのモックアップ
クライアント
クリエイト美容専門学校 様(架空)
ターゲット
地新卒者(17〜18歳)・転学者(19〜22歳)・キャリアチェンジ(20代)
目的
オープンキャンパスへの予約・資料請求件数アップ
担当範囲
提案資料作成・コーディング(HTML/CSS)
使用ツール
Figma/Photoshop/VSCode(チーム全体で使用)
製作期間
企画・情報設計・WF 1週間
デザイン 2週間
コーディング 2週間
※情報設計はチーム全員で実施
サイトURL
https://ss935110.stars.ne.jp/cfb/
発表資料
発表資料
発表資料
発表資料
発表資料
発表資料
発表資料
発表資料
発表資料
発表資料
発表資料
発表資料
発表資料スライド
ワクワク
サイト制作時のポイント

ファーストビューをアニメーションにすることにより、各美容部門でそれぞれが輝く未来をイメージさせます。
鏡の反射のようにキラッと光るモーションで、直感的にワクワク感を与えます。

きっちり
サイト制作時のポイント

入学後のスキル定着率や卒業生アンケートをとり、具体的な数字をグラフで分かりやすく表現することにより「安心感」を与えます。

ふむふむ
サイト制作時のポイント

卒業生・在校生のリアルな声をチェックできるように設計しました。入学時に参考となるロールモデルを示すことで、モチベーションの向上に繋げます。

クリエイト美容専門学校Websiteトップページ

Contact

ご覧いただき、ありがとうございます。

ご不明点がございましたら、こちらのメールアドレスまでお気軽にお問い合わせください。

Thank you very much for taking the time to view my portfolio.

If you have any questions or would like to get in touch, please feel free to contact me.