国内一杯の器をブランドの象徴にする
飲食 / タイポグラフィ
MENSHO
器の立体表現から世界各地の店舗と一杯のメニューへつなぐ、ラーメンブランドのサイト。
設計の見どころ
PC冒頭では黒い背景に白い線で描かれた大きな器が現れ、MENSHOの文字と共にブランドを印象づける。料理写真を並べる前に器そのものを象徴として扱う構成で、一般的な飲食店のメニュー一覧とは異なる始まり方になっている。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 国内 
海外
海外
DESIGN NOTES
このサイトの設計を読み解く。
楕円の窓から描かれた店内へ入る
最終撮影の冒頭では、ベージュの背景中央に楕円の窓を置き、その中へ店内のイラストを見せる。次の画面では同じ赤い家具や照明が大きくなり、室内へ近づいたような構図に変わる。一枚の店内写真とは異なり、入口から場所を知る流れそのものを表現している。
緑の葉と赤い家具を画面の目印にする
左右の葉のモチーフは落ち着いた緑、室内の家具は赤、壁は淡い暖色でまとめられる。冒頭の小さな窓と拡大した室内で同じ色を反復するため、別の画面でも同じ場所だと分かる。色と特徴的な家具を目印にして、ページを通して空間の印象を保っている。
街の記憶を店の説明の軸にする
公開テキストでは街の昔の雰囲気や家族が集めた家具、鏡、器などが紹介される。カフェの魅力を新しさだけで説明せず、地域や物に積み重なった記憶へ結び付ける構成だ。内装に由来のある店は、装飾の写真を見せるだけでなく、物語の材料にもできる。
料理名と人の役割を短く紹介する
料理の紹介には菓子、卵料理、サラダなどの名前が並び、その後にはスタッフの名前と担当、短い言葉が続く。食べ物だけでなく、場を支える人にも目を向ける内容だ。個人店や地域の店では、店の温かさを抽象語だけでなく実際の仕事の役割から伝えられる。
家のような場所を言葉と絵でそろえる
冒頭に見える家のように感じるカフェという言葉は、イラストの室内やゆっくり過ごす本文の説明と一貫する。上辺には店名と地区名だけを小さく置き、物語の領域を広く取る。世界観の表現が言葉、色、場所の描写にまたがってそろう点が参考になる。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
店内の特徴的な家具や植物をイラストにし、店に入るような順序で紹介できる。地域の記憶やスタッフの役割を加えると、空間の印象に理由が生まれる。
そのまま真似する前に
最初の撮影には読み込み画面が含まれたため、分析は撮り直し後の有効画面を使っている。演出を採用する場合も、営業時間やメニューへ急ぐ人の経路を別に確保したい。
次に見ておきたい参考
一覧へ →国内海外焼き菓子と一杯を一つの写真にする
飲食 / 写真中心
Madie
焼き菓子とコーヒーの一組を大きく見せ、味選びから来店・特別注文までつなぐ。
設計の見どころ
冒頭の写真は木のテーブル上のマドレーヌとアイスコーヒーを大きく見せる。背景には赤茶色のタイルがあり、商品だけでなく店で過ごす温度感も伝わる。一品の物撮りに絞らず、組み合わせて楽しむ場面を先に見せることで、カフェの利用を想像しやすくしている。
詳しい解説を読む →公式サイトを見る ↗海外The Salad Project
飲食 / 写真中心
情報の順序
飲食 / 写真中心
The Salad Project
食べる人と食材の接写を左右に並べ、日常の昼食から商品選択・受け取り方へつなぐサラダバー。
設計の見どころ
最初はサラダを食べる場面と食材を見せ、続いてサラダとプロテインボウルの選択、アプリの案内へ進む。会社説明を先に長く置かず、今日何を食べるかという来訪者の判断に近い順序だと読める。メニュー内には具材の区分や栄養情報への入口もある。
詳しい解説を読む →公式サイトを見る ↗