Works

ウェブサイト

2023.02.25制作

むすび

スクロール矢印

作品2

作品02デザインカンプ

デザインコンセプト

●店名:むすび
祖母が経営していたお店をお孫さんが引き継ぎこの度お店を一新するためのに新規制作。インスタグラムの宣伝をしたい。オフィス街にあるため、働いている人達のランチタイムに利用してもらう憩いの場として。仕事終わりの夕飯として夜もバランスの整った食事をしてもらいたいので20:00まで営業。幅広い世代に利用してもらいたい。

●ターゲット:近隣で働いている男女

●設定:常連の方も増えてきていますが、新しいお客様にもきてほしい。インスタグラムで新しいメニューの宣伝はしてきたが、今後は更新頻度も増やしてさらにフォロワーを増やしたいのと食材の写真なども紹介したいので、農家さんとの写真も増やしていきたい。

制作時間

●Webデザイン構想「2時間」
●素材の選定や写真加工「4時間」
●デザインカンプ「8時間」
●コーディング「16時間」=合計30時間

レスポンシブ

非対応

使用ソフト・使用言語

XDアイコン

XD

Photoshopアイコン

Photoshop

htmlアイコン

HTML LS

cssアイコン

CSS 3

Sassアイコン

Sass

JQueryアイコン

JQuery

書体

貂明朝
和のテイストにするのと、ロゴが明朝のため明朝体を選択しました。なるべく字体がつながっている明朝を使用。素材からのこだわりから食へつないでいく。というお店のコンセプトにつなげるため、この書体を選びました。

使用色

少しくすんだ桃色を使用
くすんだ色を使用した理由としては和食を提供しているため、和感を出すため。

写真

提供素材
写真を多く使うことでユーザーにお店の雰囲気を知ってもらい、素材へのこだわりを知ってもらうため、農家さんの写真を入れました。人物の写真を入れることによって誰がどのようにして作っているのかという飲食店として安心感のあるサイトにしました。

こだわり

和を出すため、文字を縦組にしました。
メインビジュアルの見出しの縦組みから続きセクションのタイトルは横、縦、横と動きを出すため交互に配置しました。インスタグラムを広めたいとのことでしたので、追従するヘッダーにロゴを入れ、アクセス情報の最後にご飯と、箸のイラストと共に目立つように入れました。

Visit Website