- 概要
-
建築設計事務所「Arc Design」を想定したコーポレートサイトを制作しました。
“信頼感のある企業姿勢”と“建築を通じた暮らしの豊かさ”の両立をテーマに、 硬質な印象になりすぎないようブルー系の落ち着いたトーンに温かみをプラスしたデザインを意識しました。 - 制作期間
-
企画・情報設計1週間デザイン2週間コーディング1週間合計：5週間
- 使用ツール
- Figma / HTML / CSS / JavaScript / GitHub Pages
- 課題
-
既存サイトでは、建築実績のクオリティや企業理念が十分に伝わらず、「堅い」「無機質」といった印象を与えていた。また、レスポンシブデザインでのレイアウト崩れや、情報導線の不明確さがあり、来訪者がスムーズに目的ページへ辿り着けない構造になっていた。
- 目的
-
ブランドイメージの刷新と、お客様との信頼関係の構築。
建築分野における技術力だけでなく、「人の暮らしをデザインする」という企業の姿勢を伝えることを目指しました。 - ターゲット
-
- 住宅・商業施設などの設計を依頼した法人・個人
- 30～60代の事業主・オーナー層
- 建築デザインに「機能美」と「心地よさ」の両立を求める層
- デザイン
-
カラー
メインカラーに深めのブルーを採用し、誠実さ・信頼感を演出。 サブカラーにベージュやグレーを加え、建築空間にある「ぬくもり」や「やわらかさ」を感じさせる配色に。
レイアウト余白を多く取り、構造物の“空間美”を感じられる設計。写真とタイポグラフィのバランスを丁寧に整え、建築の造形的美しさを引き立てました。
フォント見出しは堅実なサンセリフ体、本文はやや柔らかみのあるフォントを選定。専門性と親しみやすさの両立を意識しています。
UI演出スクロール時に淡くフェードインする動きで、静的な印象を避けつつも上品なトランジションを実現。
- 情報設計
-
訪問者が企業理解から問い合わせまで自然に誘導されるよう、「信頼 → 実績 → 理念 → 行動」の流れを意識した構成にしています。
トップページ：ファーストビューで“理念”を直感的に伝え、CTAボタンを設置。
事業紹介ページ：業務内容を簡潔に整理し、具体的な事例への導線を確保。
実績紹介ページ：写真を大きく配置し、視覚的に訴求。
会社概要／お問い合わせページ：企業としての信頼性と行動喚起を両立。
ユーザーが最短で「この会社に任せたい」と感じられる導線を設計しました。
