DESIGN NOTES
冒頭は通りから見たパブの外観と、白いクロスを掛けたレストランの食卓を左右に並べる。各写真の中央に用途の名前があり、同じ店の二つの使い方が一目で分かる。サービスの違いを説明文だけで伝えず、利用する場所の写真を入口として使っている。
深い緑と黄色が入口のボタンに使われ、下部の予約ボタンだけは赤で強調される。写真の中の外壁や席の落ち着いた色と調和しつつ、行動の入口には別の役割を与える配色だ。店名は上部中央、メニューや営業時間は左右に分け、写真の主役を邪魔しない。
本文は淡いクリーム色へ切り替わり、パブの短い紹介と縦長のビール写真を中央に置く。大きな背景写真から余白のある読み物へ変えることで、利用する場所の説明に集中しやすい。写真を多く詰めず、一つの飲み物でパブの用途を補う構成になっている。
公開テキストではパブ、レストラン、個室を分け、パブは直接来店、食事は予約、団体は別の問い合わせといった条件を説明する。予約ボタンを一つ置くだけでは伝わらない利用の違いを補う情報だ。複数の席や業態がある店で、誤った予約期待を減らす考え方になる。
質問には予約の受付時期、子どもや犬の利用、段差、ベビーカー、食事制限などが含まれる。来店前の迷いを具体的な場面ごとに解消する構成だ。雰囲気の良さを伝えた後に、実際に自分たちが使える店かを判断するための情報を十分に置いている。
APPLY TO YOUR PROJECT
一店舗に複数の使い方があるなら、代表写真を分けて入口を作れる。営業時間だけでなく、予約できる席や人数、子ども連れなどの条件も具体的に説明したい。
予約案内のポップアップを閉じた撮り直し画像で配置を確認している。受付時期や団体条件は変わり得るため、説明を参考にする場合も自店の運用と必ず一致させる必要がある。
海外飲食 / 分割レイアウト
店内写真を片側に残してメニューを読む
飲食 / 分割レイアウト
青い店内写真を右に残し、左側で注文方法やメニューを読む二分割のカフェサイト。
PC画面は左右に分かれ、右側には青と白の縞模様がある店内写真、左側には文字情報が配置される。本文位置でも右の写真が残り、左は商品写真とメニューへ変わる。料理や利用条件を読みながら、店の空間を見失わない構成がこのサイトの特徴になっている。
詳しい解説を読む →公式サイトを見る ↗
国内一杯の器をブランドの象徴にする
飲食 / タイポグラフィ
器の立体表現から世界各地の店舗と一杯のメニューへつなぐ、ラーメンブランドのサイト。
PC冒頭では黒い背景に白い線で描かれた大きな器が現れ、MENSHOの文字と共にブランドを印象づける。料理写真を並べる前に器そのものを象徴として扱う構成で、一般的な飲食店のメニュー一覧とは異なる始まり方になっている。
詳しい解説を読む →公式サイトを見る ↗
海外焼き菓子と一杯を一つの写真にする
飲食 / 写真中心
焼き菓子とコーヒーの一組を大きく見せ、味選びから来店・特別注文までつなぐ。
冒頭の写真は木のテーブル上のマドレーヌとアイスコーヒーを大きく見せる。背景には赤茶色のタイルがあり、商品だけでなく店で過ごす温度感も伝わる。一品の物撮りに絞らず、組み合わせて楽しむ場面を先に見せることで、カフェの利用を想像しやすくしている。
詳しい解説を読む →公式サイトを見る ↗