Web Design

野菜cafe(架空サイト)

野菜cafeTOPページのモックアップです。

制作期間

6日間(企画・WF1日、デザイン2日、コーディング3日)

使用ツール

Illustrator・HTML・CSS・jQuery

課題・目的

野菜cafeなのでスタイリッシュなカフェのイメージではなく、農家や農園を想像できるような柔らかいイメージに仕上げたい。

ターゲット

健康に気を遣っている20~40代の女性をメインターゲットにおき、友人とだけでなくパートナーの方とも来やすい雰囲気を表現したい。

制作ポイント

野菜や農園をイメージしてもらうためにメインカラーには緑色を使用し、フッターに茶色を使用することで地面や土を連想できるようにしました。
新鮮な緑黄色野菜をイメージしてもらいやすいようにアクセントカラーとしてオレンジ色を使用しました。キービジュアルの人参のオレンジ色、ナビゲーションの文字や見出しの下線に使用しています。

野菜cafeTOPページの全体です。