調理専門学校|ポートフォリオ
WORKs 制作物

調理専門学校

Webサイト

架空

ターゲット

これから調理を学びたいと考えている学生
食のプロを目指したい社会人

目的

学校の雰囲気を発信し、オープンキャンパスへ足を運んでもらう。
入学希望者を増やす。

情報設計

一目で学校の雰囲気や楽しさが伝わるよう心がけました。
オープンキャンパスへ足を運んでもらうことが目的なので、バナーを上部に配置しました。
SP版では資料請求とお問合せのボタンをハンバーガーメニューに隠さず、ユーザーが押しやすいよう工夫しました。

フォント

Noto Sans JP、Zen Maru Gothic、Parisienne

全体的に、読みやすいようゴシック体を使用しています。
見出しや目立たせたい部分は親しみやすさを表すために丸いゴシック体、装飾的な部分には薄く明朝体を使用しています。

カラー

親しみやすさを出すためにオレンジをメインカラーに使用しました。
色を多用しながらもごちゃっとした印象にならないよう、トーンを合わせて温かみのある楽しげな印象になるよう心がけました。

工夫した点

バナーは楽しげで目を引くよう、ポップな印象にしました。
枠線を太くすることでしっかりと締まるよう心がけました。

視線の流れを意識して配置を工夫しました。
また写真をくり抜いたり、大きさを変えることで立体感が生まれ、活発な印象を与えています。

学科ごとに分かりやすいようカラフルな配色を心がけました。
学科紹介セクションでは、写真を少しずらして配置することで動きのある印象に仕上げました。
卒業生の写真の上部にあしらいとして学科ごとの色を使用しています。

デザインカンプ

PC

SP