menu

菓子工房 Mauve様 
WEBサイトリニューアル

URL:http://hibiki-izumida.jp/mauve_index.html

※online shopは元々クライアントが使用されていたサイトにリンクを繋げております。

製作期間:
合計37日間
企画、ワイヤーフレーム:10日
デザイン:15日
コーディング、公開準備:12日
ターゲット:
20代後半~30代前半の男女、庶民層かつ、近隣の住人。
目的:
ネットをよく利用する若年層の誘致を目的に、知名度の向上を狙う。
情報設計:
元々のサイトが販売サービスに付随するテンプレートサイトのため、 作れるページが限られていて、お店のアクセスが非常に分かりづらい場所に記載されていたので、独自にページを作成しました。また、商品説明のページは販売ページのみだったため、どのような商品の取り扱いがあるかすぐわかり、購入したくなるような説明を添えて、種類別に切り替えられるページにしました。
デザイン:
地域の人に愛されるお菓子屋さんをイメージされていることと、 あまり敷居は高すぎず、高級感は抑え気味に温かい印象を与えたいという要望から、ロゴカラーのピンクの明度を少しあげた色をベースカラーに、かわいらしい雰囲気になるようにデザインしました。
背景には麻の布にベースカラーを入れたものやコルクを敷き、無機質さが出ないように工夫しています。 topページには足跡やお菓子を散りばめ、商品紹介欄では実際にコルクボードにメニューが貼られているようなイメージで全体的にわくわく感が出るようにしました。
使用ツール:
Figma / Illustrator / Photoshop / Visual Studio Code
テーマカラー:

#FAEEF0+麻の布テクスチャ

#C9AA8D

#663830

All Works