海外焼き菓子と一杯を一つの写真にする
飲食 / 写真中心
Madie
焼き菓子とコーヒーの一組を大きく見せ、味選びから来店・特別注文までつなぐ。
設計の見どころ
冒頭の写真は木のテーブル上のマドレーヌとアイスコーヒーを大きく見せる。背景には赤茶色のタイルがあり、商品だけでなく店で過ごす温度感も伝わる。一品の物撮りに絞らず、組み合わせて楽しむ場面を先に見せることで、カフェの利用を想像しやすくしている。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 海外 
海外
国内
DESIGN NOTES
このサイトの設計を読み解く。
店内の一場面に店舗名だけを重ねる
現在の公式表示はDOMAグループ内の店舗ページで、冒頭には木やタイル、植物のある店内を大きく見せる。中央にはMonteの名前を短く重ね、説明を増やしすぎない。カウンター周辺を通る人の姿も入り、店が使われている場面として空間を伝えている。
紹介文と訪問条件を左右に分ける
本文画面では左側に大きめの紹介文、右側に営業時間、住所、電話、メールなどを行ごとに並べる。店の過ごし方を知りたい人と、すぐに訪問条件を確かめたい人が同じ区画を使える。情緒的な文章と実用情報を混ぜず、左右の役割で整理している。
画面下辺に予約の帯を残す
冒頭と本文の両方で画面下部にFind a Tableの横長の帯が見える。大きな写真を楽しみ、説明を読み進める途中でも予約への入口を見つけられる。上部には系列全体のナビがあるため、店舗の行動入口を下辺へ分けることにも意味がある。
店内と料理を並べて利用を想像させる
紹介文と連絡先の下には、店内の全景と料理の接写が横に並ぶ。席で過ごす雰囲気と何を食べるかを続けて伝える組み合わせだ。飲食店の紹介では室内だけ、料理だけに偏らず、利用場面を構成する二つの写真を近くに置く方法が参考になる。
一店舗の紹介から系列施設へつなぐ
公開テキストにはSNSの投稿、グループのギフトカード、他の店舗やホテルの紹介が続く。一店舗を調べに来た人を系列の別の利用機会へ案内する構成だ。複数店舗を持つ事業では、店舗固有の情報を先に完結させてから共通サービスへつなげられる。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
店舗紹介では大きな写真の後に、紹介文と営業時間・住所を並べるだけでも検討が進む。系列の共通ナビと、今見ている店舗の予約入口は位置で区別したい。
そのまま真似する前に
ギャラリー掲載時の独立サイトとは異なり、現在はDOMA内へ転送された公式画面を分析している。過去のデザインと同一とは扱わず、予約や系列内リンクの完了動作は未検証。
次に見ておきたい参考
一覧へ →海外海外The Salad Project
飲食 / 写真中心
情報の順序
飲食 / 写真中心
The Salad Project
食べる人と食材の接写を左右に並べ、日常の昼食から商品選択・受け取り方へつなぐサラダバー。
設計の見どころ
最初はサラダを食べる場面と食材を見せ、続いてサラダとプロテインボウルの選択、アプリの案内へ進む。会社説明を先に長く置かず、今日何を食べるかという来訪者の判断に近い順序だと読める。メニュー内には具材の区分や栄養情報への入口もある。
詳しい解説を読む →公式サイトを見る ↗国内THE BUTTER
飲食 / 写真中心
素材と料理を二枚でつなぐ
飲食 / 写真中心
THE BUTTER
バターの接写とトーストを二分画面で並べ、素材と提供体験を同時に見せる店舗サイト。
設計の見どころ
冒頭はバターの表面を写した接写と、皿に盛られたトーストを左右に配置する。中央に大きな店名を重ねることで、何を使い、どんな状態で提供する店かを一画面で伝えている。食材の写真と完成品の写真を一組にする方法が明快だ。
詳しい解説を読む →公式サイトを見る ↗