建築設計事務所 コーポレートサイト
制作概要
- クライアント
- 自主制作
- 制作期間
- 約10日間
- 使用ツール
- Figma/STUDIO
- 担当範囲
- 企画/情報設計/デザイン/実装
- 制作種別
- 自主制作/コーポレートサイト
制作背景・課題・解決方針
建築設計事務所を検討するユーザーにとっての判断材料は何かと考えたときに、完成した建物のデザインだけでなく、「どのような考えで設計しているのか」「自分の希望を任せられる相手なのか」も重要なそれになると考えました。
一方で情報を詰め込みすぎると、建築写真の魅力や事務所独自の空気感が弱くなります。
そこで建築写真を大きく見せながら、設計思想・対応内容・施工事例・事務所情報を段階的に配置しました。視覚的な魅力から興味を持ってもらい、その後に考え方や実績を知ることで信頼につながる構成としました。
ターゲット
メインターゲットは「建築や空間の質にこだわりながら、住宅・店舗などの設計を依頼できる設計事務所を探している人」です。
具体的には、以下のようなユーザーを想定しています。
・注文住宅やリノベーションを検討している
・デザインだけでなく暮らしや使い方まで相談したい
・建築家・設計事務所の雰囲気を判断材料にしている
情報設計
サイト全体を「世界観に惹かれる → 設計思想を知る → できることを理解する → 実績を見る → 信頼して問い合わせる」という流れで設計しました。
ファーストビューでは建築写真を大きく使用し、まず事務所の作風を直感的に伝えています。
その後にNEWS、事務所の考え方、SERVICE、WORKSを配置し、興味を持ったユーザーが必要な情報を順番に確認できる構成にしました。
下部には事務所情報・アクセス・問い合わせなどをまとめ、作品を見るためのサイトで終わらず、実際の相談につながる導線まで設計しています。
デザイン設計
デザインは「静けさ・上質さ・建築の余白」をテーマにしています。
白を基調にベージュやグレーなど彩度を抑えた色を使用し、建築写真の色や素材感が最も目立つように設計しました。
写真は大きく見せる一方で文章や装飾は必要以上に主張させず、広い余白を使って一つひとつの情報を独立して見せています。
また縦書きの日本語や手書き感のある英字見出し、左右非対称のレイアウトを取り入れることで、一般的な企業サイトよりも建築・デザイン分野らしい編集的な印象を持たせました。
WORKSでは写真を中心に構成し、説明する前に作品そのものを見せることで、設計事務所の作風を視覚から判断できるサイトを目指しています。