VeggieBowl
制作ツール Photoshop/Illustrator/XD/HTML/CSS/JavaScript(JQuery)
-
目的
お店のこだわりを伝え集客につながるサイト
-
ターゲット
生活習慣の改善やダイエット、トレーニングをしている方
-
情報設計
このサイトに訪れる人は健康を意識している人が大半なので、そういった人が目を引くような情報を前面に出すようにしました。そのため、お店の健康へのこだわりをページ上部に持ってきてまずサイトに興味を持ってもらい、次のメニュー欄ではサラダの効能だけでなく栄養成分表示を記載しお客様が求めている「健康さ」を提示することで購買意欲を刺激する設計にしました。そのすぐ下でSNSに飛べるようにすることで、メニューをもっと見たい人がお店のSNSアカウントに来てくださり、フォロワーの獲得そしてお店の認知拡大を目指せるサイトにしています。
メニュー欄ではすべてのメニューの詳細をそのまま記載すると情報量が多くなってしまいサイトの離脱率が高くなってしまうので、興味の持ったサラダをクリックしてもらい選択したサラダのみ詳細を表示させるようにしました。 -
デザイン
サラダを意識した緑色をメインカラーに置いたため、そのほかで使う色はシンプルにまとめています。説明文が多くなってしまうので、写真やサイトに動きをつけるなどして単調にならないよう意識しました。メニュー欄では選択されているサラダの詳細がどのサラダであるのかわかりやすくするため、選択されたサラダは他のサラダの写真より大きく表示するデザインにしています。