-

 

 

(架

空)

サイト
鮨屋 -松-(架空)
コンセプト

新鮮さや信頼感・安心感を与え、特別なひと時を過ごせるイメージが浮かぶようなサイトを制作しました。 また、心地よいゆったり感と洗練された雰囲気のあるデザインを目指しました。

仮想クライアントからの目的・要望
敷居が高いイメージで敬遠されやすいため、寿司屋のこだわりを伝えながらも 店内の様子や雰囲気をできるだけ伝えることでお客様に来店してもらいやすくしたい。 また、新しい顧客層にも来てもらいたい。
― デザイン面 ―

サイト全体

和食店のためフォントは明朝体で統一し、余白をつけることでゆったりと読んでいただけるようレイアウトしました。 また、見出し部分に松の花を飾ることによって優雅さを表現し、朱色をイメージカラーにすることで暖かさと魚の新鮮さを連想させました。 トップページの「店舗情報」部分では暗めの写真をホバーすることにより明るい画像に切り替わる仕様となり、明るく出迎えるような雰囲気を表現しています。
― 情報設計 ―
WordPressで構築しています。 トップページのローディング画面はAPNGにすることでロゴを動かしました。 ローディング後にファーストビューで動画を流すことにより、訪問者に対して一貫したブランドイメージを抱かせ、サイトに引き込ませることを狙いました。 メニューや店内の写真をスライド形式で表示し情報の伝達を明確にすることで、新規顧客層にも訴求できるような情報設計を心がけました。 また、下層ページでは予約と問い合わせをそれぞれのページに分けることにより、ユーザーにとってアクションしやすい構成になっています。
制作期間
企画        3日
ワイヤーフレーム  1日
デザインカンプ   2日
コーディング    15日
WordPress構築    3日
使用ソフト
Adobe Illustrator/Photoshop/XD/VScode/Wordpress

W

o

r

k

s

  1. 保育園
    保育園サイト(架空)
  2. 保育園
    車の広告(架空)
    「試乗キャンペーン実施中」
  3. 鮨屋
    シャンプー広告(架空)
    「 Happy Hair, Happy You! 」
  4. 鮨屋
    老舗カフェ広告(架空)
    「 老舗茶寮が贈る’抹茶ラテ’ 」