海外焼き菓子と一杯を一つの写真にする
飲食 / 写真中心
Madie
焼き菓子とコーヒーの一組を大きく見せ、味選びから来店・特別注文までつなぐ。
設計の見どころ
冒頭の写真は木のテーブル上のマドレーヌとアイスコーヒーを大きく見せる。背景には赤茶色のタイルがあり、商品だけでなく店で過ごす温度感も伝わる。一品の物撮りに絞らず、組み合わせて楽しむ場面を先に見せることで、カフェの利用を想像しやすくしている。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 海外 
海外
国内
DESIGN NOTES
このサイトの設計を読み解く。
古民家の生活風景でサウナを語る
冒頭は森林に囲まれた古民家と、人が屋外で過ごす風景を大きく写す。サウナ室の設備だけを強調せず、建物の外も含めた時間を主役にしている。利用者がどこで休み、どんな環境に身を置くかを、一枚の広い写真から想像できる点が参考になる。
料金と予約を小さな帯に集める
上部中央の黒い細長い帯に料金表、ご予約、天気の表示を集めている。左には漢字の店名、右にはゆるめる・つながるという分類があり、実用情報と世界観の言葉を分担している。大きな写真の面積を確保しながら必要な行動を見失いにくい構成だ。
過ごし方を決め過ぎない説明
スクロール後は白地に短い見出しと段落を置き、誰かと過ごす、一人で休む、会話する、何も話さないなど複数の過ごし方を示す。設備一覧の前にどんな時間を許してくれる場所かを説明している。貸切施設では利用シーンの幅を伝える文章が役立つ。
季節と人数で料金を読み分ける
料金部分は季節による時間帯と、平日・祝日、利用人数ごとの貸切料金を分けている。高い安いという印象だけで判断させず、一枠と一人あたりの関係を読める構造だ。グループ利用のサービスでは人数による費用差を表にしておく方法が参考になる。
雰囲気の後に利用条件を明示する
公開本文には最大人数、更衣室、川の利用、アルコール、レンタル品や食事が説明される。自然の魅力を見せた後に、設備の制約や各自で判断する範囲を示している。温浴施設では写真から期待が膨らむため、用意していない設備も説明することが重要になる。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
施設全景で過ごす時間を見せ、料金と予約をいつでも見つかる位置へ置く。人数や季節で条件が変わる場合は、写真の雰囲気と別に比較できる表を用意する。
そのまま真似する前に
自然や川辺の写真だけでは利用の安全条件は伝わらない。設備の有無、悪天候時の扱い、着替え時間など、予約判断に必要な条件を具体的に記載したい。
次に見ておきたい参考
一覧へ →海外海外The Salad Project
飲食 / 写真中心
情報の順序
飲食 / 写真中心
The Salad Project
食べる人と食材の接写を左右に並べ、日常の昼食から商品選択・受け取り方へつなぐサラダバー。
設計の見どころ
最初はサラダを食べる場面と食材を見せ、続いてサラダとプロテインボウルの選択、アプリの案内へ進む。会社説明を先に長く置かず、今日何を食べるかという来訪者の判断に近い順序だと読める。メニュー内には具材の区分や栄養情報への入口もある。
詳しい解説を読む →公式サイトを見る ↗国内THE BUTTER
飲食 / 写真中心
素材と料理を二枚でつなぐ
飲食 / 写真中心
THE BUTTER
バターの接写とトーストを二分画面で並べ、素材と提供体験を同時に見せる店舗サイト。
設計の見どころ
冒頭はバターの表面を写した接写と、皿に盛られたトーストを左右に配置する。中央に大きな店名を重ねることで、何を使い、どんな状態で提供する店かを一画面で伝えている。食材の写真と完成品の写真を一組にする方法が明快だ。
詳しい解説を読む →公式サイトを見る ↗