中堅ゼネコンのWebサイト
- サンプルサイトの会社名、店舗名、所在地、人物名、メニューや価格などは全て架空のものです。
- また、サンプルサイトのお問い合わせフォームは見た目のみで実際の送信はできません。
- 画面内で操作できます。
要件定義
【目的】
- 創業50年以上の歴史と実績を持つ企業の重厚感を保ちつつ、BIM/CIMやドローン測量などの先端技術（Construction Tech）を積極的に導入する「未来志向のゼネコン」としてのブランディング。
- 若手の技術者や学生に対する採用訴求力を高める。
【ターゲット】
- メイン：都市開発デベロッパー、官公庁、大規模施設の施主（高品質・高技術を求めるクライアント）
- サブ：最新技術に関心のある建築学生、キャリアアップを目指すエンジニア・施工管理技士
【機能要件】
- 企業の先進性とブランド感を印象付け。
- お問い合わせ・エントリーへの導線（CTA）の最適化。
デザインや実装のポイント
【カラーリング】
- ブラック： 画面全体を黒で引き締める「ダークモード」スタイルを採用し、建設業の重厚感と、他社とは一線を画す都会的で洗練された印象を演出。
- ゴールド：創業1970年という歴史、受賞歴、そして品質の高さ（ラグジュアリー感）を象徴する色として、見出しや罫線に使用。
- シアンブルー（発光表現）：「BIM/CIM」「ドローン」といったテクノロジー要素をアピールするセクションでは光彩を放つような青を使用することで、デジタル感と先進性を視覚的に表現。
【レイアウト & UI】
- ファーストビュー：3Dオブジェクトを使用し、先進性と重厚感を表現。
- 信頼を可視化するナンバーデータ： 「500件以上の実績」「事故ゼロ」などの数値をファーストビューに近い位置で強調し、ひと目で企業の信頼性が伝わる構成。
- 実績フィルタリング機能： カテゴリ別に、施工実績をスムーズに絞り込めるUIを実装。
【その他】
- 通常の建設業のWebサイトにありがちな「親しみやすさ」よりも、「圧倒的なプロフェッショナル感」と「ブランド感」を抱かせることを最優先に設計。