電気工事会社のWebサイト
- サンプルサイトの会社名、店舗名、所在地、人物名、メニューや価格などは全て架空のものです。
- また、サンプルサイトのお問い合わせフォームは見た目のみで実際の送信はできません。
- 画面内で操作できます。
要件定義
【目的】
- 信頼獲得: 大手ゼネコンや官公庁からの受注に向けた、技術力と安定感の訴求。
- 採用強化: 若年層（求職者）に向けた「建設業＝かっこいい」というイメージの醸成と、応募数の増加。
【ターゲット】
- メイン：工事発注担当者（信頼性、実績重視）
- サブ：20〜30代の求職者（働きやすさ、職人のプライド重視）
【機能要件】
- ファーストビューでの強い印象付け（スライドアニメーション）。
- スマホユーザー（特に求職者）を意識したレスポンシブ対応。
- お問い合わせ・エントリーへの導線（CTA）の最適化。
デザインや実装のポイント
【カラーリング】
- ネイビー：企業の「信頼」「誠実さ」を表すベースカラー。
- イエロー：「電気」「注意喚起（安全）」を象徴し、黒背景でも視認性の高いアクセントカラーとして採用。
【レイアウト & UI】
- 情報を整理し、公共工事を請け負う企業にふさわしい「整った」印象を与えるレイアウト。
- ボタンのホバーエフェクトや画像ズームにより、心地よい操作感を設計。