鮨
屋
-
松
-
(架
空)
- サイト
-
- 鮨屋 -松-（架空）
- コンセプト
-
新鮮さや信頼感・安心感を与え、特別なひと時を過ごせるイメージが浮かぶようなサイトを制作しました。 また、心地よいゆったり感と洗練された雰囲気のあるデザインを目指しました。
- 仮想クライアントからの目的・要望
- 敷居が高いイメージで敬遠されやすいため、寿司屋のこだわりを伝えながらも 店内の様子や雰囲気をできるだけ伝えることでお客様に来店してもらいやすくしたい。 また、新しい顧客層にも来てもらいたい。
- ― デザイン面 ―
-
ロゴについて
認知度を向上させながらお店の価値も高められるロゴデザインを目指しました。
魚のイラスト＋行書体＋赤い丸＝「日の丸」でまとめることで、魚を扱う和食店＝寿司とイメージが繋がるように誘導。 外国の方でもどんなお店か分かるように意識しました。 また、一筆描きの円は、「円」＝「ご縁」を表現しており囲むことによって荘厳な雰囲気を表現しました。
鮨屋ロゴ
-
サイト全体
和食店のためフォントは明朝体で統一し、余白をつけることでゆったりと読んでいただけるようレイアウトしました。 また、見出し部分に松の花を飾ることによって優雅さを表現し、朱色をイメージカラーにすることで暖かさと魚の新鮮さを連想させました。 トップページの「店舗情報」部分では暗めの写真をホバーすることにより明るい画像に切り替わる仕様となり、明るく出迎えるような雰囲気を表現しています。
- ― 情報設計 ―
-
WordPressで構築しています。
トップページのローディング画面はAPNGにすることでロゴを動かしました。
ローディング後にファーストビューで動画を流すことにより、訪問者に対して一貫したブランドイメージを抱かせ、サイトに引き込ませることを狙いました。
メニューや店内の写真をスライド形式で表示し情報の伝達を明確にすることで、新規顧客層にも訴求できるような情報設計を心がけました。
また、下層ページでは予約と問い合わせをそれぞれのページに分けることにより、ユーザーにとってアクションしやすい構成になっています。
- 制作期間
- 企画 3日
- ワイヤーフレーム 1日
- デザインカンプ 2日
- コーディング 15日
- WordPress構築 3日
- 使用ソフト
- Adobe Illustrator/Photoshop/XD/VScode/Wordpress
