DESIGN NOTES
最初の画面では住宅の写真を背景に、作品名と年、詳細リンクを横に並べる。続く区画は設計思想、さらに注目作品、工程への入口、相談へ進む。事務所の沿革を先に語らず、具体的な住宅で作風を伝えてから依頼の判断材料を増やす情報順である。
白地の区画では二行の非常に大きな見出しを左から広げ、写真と説明本文は中央付近の細い列にまとめる。文字の大きさだけでなく使用する幅にも差がある。見出しを遠目の目印にし、本文は視線を横へ長く移動させず読む役割に分けた構成である。
ヒーローの住宅には名称と年、作品詳細へのリンクが添えられている。写真を雰囲気づくりだけで終わらせず、一件のプロジェクトとして識別できる扱いだ。施工例を並べる際も、写真の印象を妨げない短い名称・種別・時期を共通位置に置くと比較を助ける。
上部の黒い相談ボタンは、白い説明区画へスクロールした画面でも右上に見える。一方、本文の下にはスタジオを詳しく知るボタンがあり、理解を深める導線も残る。検討段階の違いに合わせ、相談と説明の二つの行動を区別している点を参考にしたい。
大見出しが成立するのは、作品写真と短く絞った設計思想が一緒にあるからだ。地域の設計事務所へ移すなら、抽象的な理念を大きくする前に代表作と具体的な方針を用意する。施工条件や費用の説明まで同じ文字サイズにせず、読む密度を切り替えたい。
APPLY TO YOUR PROJECT
作品名・年・詳細リンクを写真の共通位置に揃える。写真の印象を保ちながら一件ずつ区別でき、施工例から個別の相談へ進む前の確認材料を整えられる。
大見出しと余白には縦の長さが必要になる。施工条件や地域を急いで探す人には遠回りになり得るため、メニューや相談入口に実務情報への経路を残すことが大切。
国内建築 / タイポグラフィ
黒い大文字にオレンジの手書きを重ねる
建築 / タイポグラフィ
大きな英字と手描きの表情で、暮らしを楽しむ姿勢を伝える建築・デザイン会社。
冒頭ではDELIGHT LIFESTYLE DESIGNという大きく太い黒い文字に、オレンジの筆記体を重ねる。整った大文字と走り書きのような線の差が、設計の力強さと遊び心を同時に見せる。理念の文章を小さく置くのでなく、文字そのものを画面の主役にしている。
詳しい解説を読む →公式サイトを見る ↗
海外建築の印象から設計者へ
建築 / 写真中心
建築を大きく見せた後に設計者の顔と用途別実績を置き、空間の好みと相談相手の両方を確認できる構成。
冒頭は建築・空間のビジュアルを画面いっぱいに置き、次の白い区画で代表者の肖像と事務所の説明に切り替わる。その下に住宅・商業・公共空間などの実績分類が続く。建築の雰囲気で関心を作ってから、人と対応範囲を確かめる順序を採用している。
詳しい解説を読む →公式サイトを見る ↗
海外建築 / ミニマル
外観から暮らしの考え方へ
建築 / ミニマル
住宅写真の下に黒い思想紹介と作品探索を置き、最後は計画種別・所在地・時期を聞く相談フォームへつなぐ。
一画面目は住宅と周辺の木々を大きく見せ、左下に設計方針、近くに作品一覧の入口を置く。次の黒い区画では落ち着きや長く暮らすことへの考えを二列で説明する。建物の見た目から生活の方針へ話題を移す順序は住宅サービスの説明に応用できる。
詳しい解説を読む →公式サイトを見る ↗