国内BERG ONISHI
家具 / 写真中心
職人の作業をいちばん大きく見せる
家具 / 写真中心
BERG ONISHI
完成品だけでなく家具を作る職人の手元を主役にし、別注相談へつなぐ。
設計の見どころ
冒頭は工房で家具を作る人を大きく写し、左にものづくりの姿勢を縦書きで重ねる。完成品の写真だけでは伝わりにくい製造の現場を、最初に見せる構成だ。発注先を探す人に対して、誰がどんな環境で作る会社なのかを視覚から理解させている。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 国内 
海外
海外
DESIGN NOTES
このサイトの設計を読み解く。
部屋全体から素材の近さへ移る
冒頭はソファ、照明、テーブルを配置した暗めの部屋を全面で見せる。続く区画では革の椅子に寄った写真と短い説明が現れ、空間全体から素材の表情へ視点が近づく。高価格帯の家具では、使う場所と触れたときの印象を写真の距離で分ける方法が参考になる。
写真の下辺に静かなナビを置く
初期画面の下辺に細い帯のナビがあり、ロゴ、About、Products、Contactなどを小さく配置する。画面の大半を室内写真へ渡し、説明区画へ移ると上部の案内として読める。ナビの存在感を抑えながら、製品や連絡先の入口を一定の帯にまとめている。
特注の意味を暮らしの言葉にする
本文はBespoke Furnitureを、職人の手仕事と使う人の好みへ寄り添う家具として説明する。専門語を掲げるだけでなく、テーラーがスーツを仕立てる例で価値を補う。特注サービスでは規格外という仕様より、相談によって何が変わるかを説明すると伝わりやすい。
家具の種類と資料を分けて案内
公開テキストでは椅子、ソファ、テーブル、素材へ進める分類と、Brand BookやProducts Listなどの資料が分かれる。商品を眺めたい人と、検討のために情報をまとめたい人を受け止める構成だ。設計者や店舗オーナーも使うブランドサイトに適した分け方になる。
相談前に価格表と品質情報へ進める
フッターにはPrice List、Quality Assurance、Contact、Accessが用意される。写真で関心を持った後に、価格や保証、実物を見に行く判断へ進める入口だ。高級感を理由にすべての条件を隠さず、検討の段階に合う情報を配置する考え方が参考になる。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
部屋全体と素材の接写を撮り分け、家具が作る居場所と手触りの両方を伝える。特注の相談前には価格資料・品質保証・アクセスの入口をまとめておきたい。
そのまま真似する前に
写真が暗く落ち着いた調子のため、色や仕上げを正確に比べる用途とは分けて考える必要がある。購入検討には明るい商品写真や素材見本の確認方法も用意したい。
次に見ておきたい参考
一覧へ →国内海外焼き菓子と一杯を一つの写真にする
飲食 / 写真中心
Madie
焼き菓子とコーヒーの一組を大きく見せ、味選びから来店・特別注文までつなぐ。
設計の見どころ
冒頭の写真は木のテーブル上のマドレーヌとアイスコーヒーを大きく見せる。背景には赤茶色のタイルがあり、商品だけでなく店で過ごす温度感も伝わる。一品の物撮りに絞らず、組み合わせて楽しむ場面を先に見せることで、カフェの利用を想像しやすくしている。
詳しい解説を読む →公式サイトを見る ↗海外The Salad Project
飲食 / 写真中心
情報の順序
飲食 / 写真中心
The Salad Project
食べる人と食材の接写を左右に並べ、日常の昼食から商品選択・受け取り方へつなぐサラダバー。
設計の見どころ
最初はサラダを食べる場面と食材を見せ、続いてサラダとプロテインボウルの選択、アプリの案内へ進む。会社説明を先に長く置かず、今日何を食べるかという来訪者の判断に近い順序だと読める。メニュー内には具材の区分や栄養情報への入口もある。
詳しい解説を読む →公式サイトを見る ↗