MT.FUJI BAKE
Webサイト富士山型の商品写真と和柄を重ね、お店のモチーフがひと目で伝わる構成に。
デザインの意図・詳細を見る
01 / PURPOSE
目的・ターゲット
国内外の観光客や地元の方、オンライン購入を検討する方に向けたお菓子店のWebサイトです。ブランドの世界観と商品の魅力を伝え、来店やオンラインショップでの購入につなげることを目的としています。
02 / DIRECTION
デザインの方針
富士山を中心に、和柄・雲・山の形を繰り返し、土地らしさをサイト全体に通しています。水色に黄色・オレンジを添えて商品の色を引き立て、英字見出しにはBebas Neueを採用。比較的詰めた余白と大きな英字で、ポップな印象をつくっています。
03 / DETAILS
具体的な工夫
富士山の形を、最初の印象に。
富士山型に切り抜いた商品写真をFVの主役に。背景にも山や雲を連想する和柄を重ね、ひと目でお店のモチーフが伝わるようにしています。
商品と素材を、一緒に見せる。
商品だけでなく柚子などの素材も同じまとまりに配置。味や素材へのこだわりを、写真から想像できる商品紹介にしています。
世界観から、購入の入口へ。
トップページは世界観をシンプルに見せ、詳細や購入へ進むボタンを中央に配置。最後にもオンラインショップ・SNSへの入口を設け、興味を持った方が次へ進める構成です。
04 / DESIGN
デザイン全体
画像内をスクロールして全体を確認できます。クリックすると拡大表示します。





