菓子店 汐待

制作概要

鎌倉・長谷の海辺にある創作和菓子店を想定した自主制作サイト。最中・羊羹・どら焼きなどの商品紹介だけでなく、季節限定商品、贈答、店舗案内まで含め、「お店に行く前から空気感を感じられるサイト」を目指しました。

情報設計

商品数が多くても迷わないよう、「定番商品」「季節の味」「贈り物」「店舗案内」と目的ごとに情報を整理。

商品を探したい人、手土産を選びたい人、店舗情報を確認したい人が、それぞれ必要な情報へ自然に進める構成にしています。

ビジュアル設計

海辺の静けさと和菓子の上品さが共存するよう、白を基調に青灰色や淡い海色をアクセントとして使用。

写真を大きく見せながら余白を広く取り、商品そのものだけでなく、店の空気や海辺の時間まで感じられるデザインにしました。

世界観の表現

「海と季節を、ひとつの菓子に。」というコンセプトを軸に、商品名・写真・コピー・季節の情報まで一貫した世界観で構成。

和菓子店らしい静けさを残しつつ、古典的になりすぎない、現代的で軽やかな印象を意識しています。

来店・購入導線

商品を見るだけで終わらず、季節商品を知る、贈答箱を選ぶ、店舗情報を確認する、予約へ進むという流れを設計。

特に贈答箱はWeb予約へつなげ、オンライン上で興味を持った人が実際の来店・購入につながる導線を意識しています。

PC・スマホ設計

PCでは海や店舗写真を大きく見せて世界観を伝え、スマートフォンでは商品名・価格・店舗情報・予約導線を確認しやすい構成に調整。

写真の魅力を保ちながら、情報量の多いページでも読み進めやすいレイアウトにしています。