SMALLSHIFT
← サイト事例に戻る

WEBSITE STUDY / 国内

八芳園洋菓子店

季節の果実と菓子の集合写真を入口に、普段使いと贈り物の選択肢を整理する。

公式サイトを見る ↗
公式サイト / 掲載確認用
八芳園洋菓子店の公式サイト画面

DESIGN NOTES

このサイトの設計を読み解く。

01

季節の食卓を一枚の主役にする

冒頭は複数の菓子、果実、花材を一つの卓上に並べた大きな写真で構成される。一商品だけを売る画面ではなく、季節の洋菓子店としての幅を見せている。写真の上に説明を大量に重ねず、店名とナビを白い帯へ分けることで商品の細部が残る。

02

細い文字と余白で菓子を引き立てる

ロゴと英語の短文を置く上段、その下の細いナビ、さらに大きな写真という三段の構成になっている。スクロール後は淡いベージュに小さな文章と抽象的な菓子のような図形が置かれる。写真の密度を下げることで、店の考え方を読む時間へ切り替えている。

03

品種ではなく用途も選べる分類

公開本文のSelectionsには季節の洋菓子、贈り物、マカロン、ショコラ、焼菓子、ホールケーキ、生菓子が並ぶ。種類別だけでなく季節や贈答の目的からも入れる点が参考になる。来訪者が専門的な菓子名を知らなくても、自分の用事から選択しやすい。

04

店内利用と買って帰る行動を分ける

Cafeではその場で食べられることと限定品を案内し、Shopでは所在地と営業時間、地図への入口を示す。持ち帰りと店内利用を同じ店の中で整理している。店の写真を見て興味を持った人が、どのように使うか判断できるよう情報の役割を分けている。

05

婚礼の背景を日常の菓子へ結ぶ

後半の物語は婚礼の場で作ってきた菓子を日常へ届けるという背景を説明する。歴史だけを語らず、現在の品揃えや利用場面につなげるための文章になっている。老舗や既存事業から生まれた新店舗では、受け継ぐ技術と新しい用途を対で示すとよい。

APPLY TO YOUR PROJECT

自分の制作に取り入れるなら

季節の集合写真で店全体の魅力を作り、贈答・ホールケーキ・店内利用など来訪者の目的へ分類する。店の歴史は、今の使い方を理解するための背景として添える。

そのまま真似する前に

小さな英字と細いナビは上品さを作る一方で、探す時間が増える可能性がある。価格や予約方法、営業情報などの実用項目は十分な文字サイズと明確な日本語を保ちたい。

次に見ておきたい参考

一覧へ →
八芳園洋菓子店の公式サイト画面