海外建築の印象から設計者へ
建築 / 写真中心
KONONENKO
建築を大きく見せた後に設計者の顔と用途別実績を置き、空間の好みと相談相手の両方を確認できる構成。
設計の見どころ
冒頭は建築・空間のビジュアルを画面いっぱいに置き、次の白い区画で代表者の肖像と事務所の説明に切り替わる。その下に住宅・商業・公共空間などの実績分類が続く。建築の雰囲気で関心を作ってから、人と対応範囲を確かめる順序を採用している。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 海外 
海外
海外
DESIGN NOTES
このサイトの設計を読み解く。
色面の建築写真に白いロゴを置く
冒頭はピンクや青の建築的な色面を画面いっぱいに見せ、大きな白いFIGAROの文字を重ねる。確認中には縦に並ぶ色付きの部材へ写真が切り替わり、細部の形と配色が印象に残る。完成空間を説明し切るより、設計の感覚にまず触れてもらう見せ方になっている。
幾何学的な文字を空間と呼応させる
ロゴの文字は幾何学的な形を持ち、背景にある直線的な建築の部材と響き合う。大きな写真に対して細かい装飾を足すのではなく、文字の形と写真の形を二つの主役にしている。作品の持つ個性と会社の表情を、同じ画面の中で結び付ける点が参考になる。
役割を短い英語の一行で添える
大きなロゴの近くには、空間や店舗、内装に関わるスタジオであることを示す短い英語が添えられる。写真を中心にしても業務の手掛かりを残し、訪れた人が何を依頼する会社かを推測しやすくする。抽象的な世界観だけで終わらせない、少量の説明の使い方だ。
作品名に年と用途の手掛かりを付ける
公開テキストにはProjectsの入口と作品名があり、制作年や用途を示す表記が付く。異なる年の店舗やオフィスを同じ一覧で見せる場合でも、比較のための小さな情報を添えられる。写真の印象に加えて、自分が相談したい分野に近い実績を探す手掛かりになる。
図面より先の相談を言葉にする
Approachでは設計前に考えを整理する姿勢を述べ、Contactでは準備が整っていなくても相談できることを案内する。完成した要件書を持つ人だけを想定しない入口だ。専門的なサービスほど、相談の初期段階で何が決まっていなくてもよいかを明示する意味がある。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
空間デザインのサイトでは、全景だけでなく色や形の細部を大きく見せて作風を伝えられる。相談先として選ばれるためには、作品の用途や相談開始の条件も添えたい。
そのまま真似する前に
確認したスクロール位置でも大きな写真演出が続いており、作品一覧の配置やモバイル表示は別途確認が必要。動きの印象を参考にする際は、実績や連絡先へ早く移れる入口も確保したい。
次に見ておきたい参考
一覧へ →海外海外OH Architecture
建築 / タイポグラフィ
一つの住宅を入口にする
建築 / タイポグラフィ
OH Architecture
住宅写真に作品名・年・詳細リンクを横一列に重ね、次の巨大見出しと細い本文列で設計姿勢を伝える。
設計の見どころ
最初の画面では住宅の写真を背景に、作品名と年、詳細リンクを横に並べる。続く区画は設計思想、さらに注目作品、工程への入口、相談へ進む。事務所の沿革を先に語らず、具体的な住宅で作風を伝えてから依頼の判断材料を増やす情報順である。
詳しい解説を読む →公式サイトを見る ↗海外Storey Architecture
建築 / ミニマル
外観から暮らしの考え方へ
建築 / ミニマル
Storey Architecture
住宅写真の下に黒い思想紹介と作品探索を置き、最後は計画種別・所在地・時期を聞く相談フォームへつなぐ。
設計の見どころ
一画面目は住宅と周辺の木々を大きく見せ、左下に設計方針、近くに作品一覧の入口を置く。次の黒い区画では落ち着きや長く暮らすことへの考えを二列で説明する。建物の見た目から生活の方針へ話題を移す順序は住宅サービスの説明に応用できる。
詳しい解説を読む →公式サイトを見る ↗