和菓子屋「月白」｜和モダンな和菓子ECサイトデザイン

制作概要

架空和菓子専門店「月白」のECサイトを制作しました。

和菓子ならではの上品さや温かみを大切にしながら、伝統と現代的なデザインを組み合わせた和モダンな雰囲気に仕上げています。

トップページから商品一覧・商品詳細・カート・購入画面まで、商品の魅力が伝わり、安心してお買い物ができるサイトを目指しました。

ターゲット

20〜60代の男女を中心に、和菓子が好きな方や、自宅用のお茶菓子を探している方、季節の贈り物や手土産・ギフトを購入したい方を想定しています。

目的

和菓子の魅力やお店のこだわりを伝え、商品の購入につなげることを目的としました。

また、初めてサイトを訪れた方でも商品を探しやすく、安心して購入できるECサイトを目指しています。

デザインで意識したポイント

① 和モダンな世界観

ベージュやブラウンを基調に、ゴールドをアクセントとして取り入れ、和菓子屋らしい落ち着きと上品さを表現しました。余白を活かしたシンプルなレイアウトで、伝統的な雰囲気を残しながらも、現代的で洗練されたデザインを意識しています。

② 商品の魅力を伝える写真

和菓子の色合いや質感、おいしさが伝わるよう、商品写真を大きく配置しました。背景を落ち着いた色味にすることで写真を引き立て、思わず食べてみたくなるような見せ方を意識しています。

③ 見やすさ・使いやすさ

商品カテゴリーや価格帯で探せる構成にし、目的の商品を見つけやすいよう工夫しました。また、商品名・価格・購入ボタンなどの情報を整理し、初めて利用する方でも迷わず操作できるデザインを意識しています。

④ 安心して購入できる情報設計

商品詳細ページでは、内容量や原材料、アレルギー情報などを分かりやすく掲載しました。さらに、よくある質問やお問い合わせページを設けることで、購入前の疑問や不安を解消できる構成にしています。

⑤ 購入につながる導線

トップページから商品一覧、商品詳細、カート、購入画面へとスムーズに進めるよう、ページ全体の導線を意識しました。購入ボタンにはアクセントカラーを使用し、次に行う操作が分かりやすいデザインにしています。

制作で工夫した点

和菓子の上品な世界観を大切にしながら、「商品に興味を持つ → 商品を探す → 詳細を確認する → 安心して購入する」という流れを意識してサイト全体を設計しました。

特に、商品一覧ページではカテゴリーや価格帯から探せるようにし、商品詳細ページでは購入前に必要な情報を整理することで、使いやすさを重視しています。

また、トップページ・商品ページ・ニュース・お問い合わせ・購入画面まで配色やデザインを統一し、サイト全体でブランドの世界観が伝わるよう工夫しました。

見た目の美しさだけでなく、商品の探しやすさや購入までの分かりやすさにも配慮したECサイトを目指しました。

トップページ

商品ページ

カート

購入ページ

ニュース

よくあるご質問

お問い合わせ