サラダ専門店のWEBデザイン

架空のサラダ専門店のWEBデザインをしました。デザインした上で工夫した点をまとめていこうと思います。

ターゲット
・表参道勤務の20〜40代女性
・健康志向で所得は高め
・Instagramに食事をアップする

・筋トレが習慣の20〜40代男性
・タンパク質を取りたく、所得は高め
・こだわり強め

全体的に工夫した点
ターゲットの心に響くサイトにする為のサイト設計をしました。ターゲットは主に健康志向で所得が高めの20代〜40代の男女。筋トレを趣味にしている方やSNSに食事をアップする食事への意識が高い人が多い。このようなターゲットに向けて、フォントはセリフ体を多用する、メインカラーを明度抑えめにするなど、高級感とお洒落な雰囲気を出す工夫をしました。また全体的に写真を多めに使い、今回アピールしたい健康的で美味しいという点を強調させました。

サイトの目的
サラダの専門店を表参道にオープンするので商品のこだわり、他のショップとの違いをアピールできるショップのサイトが欲しい。

・健康的で美味しい
・国産で種類豊富
・トレーナー監修の筋トレにも向いたメニューを提供

上記の3点の強みをアピールするサイトに仕上げました。

各要素の説明

FV
ファーストビューでのトップ画像では、健康のためじゃない、「おいしい」から食べたサラダ。というキャッチコピーに合うような新鮮な野菜の写真を使ったトリミングをしました。またこのトリミングの構図は、健康志向であり、食に対する意識の高い人のイメージである上昇志向を意識し、レイアウトしました。斜め上に上がっているトリミングと背景に取り込んだ三角形も上に上がるイメージが連想されるようにデザインしました。

TF Garden Saladaのこだわり
ここでは自然に下にスクロールしたくなるデザインにしようと意識しました。その為に余白の抜け感を全体的に出し、写真とテキストのレイアウトも左右対象にすることによっておしゃれな雰囲気を出しました。

Menu
メニューは見やすさを重視して、シンプルなデザインにしました。またインスタのボタンは、瞬時にインスタへ飛ぶとわかってもらえるように、カラーリングをインスタのグラデーションカラーにしました。

Access
メニューは見やすさを重視して、シンプルなデザインにしました。またインスタのボタンは、瞬時にインスタへ飛ぶとわかってもらえるように、カラーリングをインスタのグラデーションカラーにしました。地図とショップの外観写真のレイアウトもお洒落な雰囲気を出す為に、少し重ねてみました。

Contact
ここに関しては一つ一つの文字サイズと余白感、見やすさを意識してデザインしました。