電気工事会社向けサイトHP
電気工事会社向けコーポレートサイトHPを作成しました。
【トップページ(1/2)】

【トップページ(2/2)】

【施工事例ページ(1/2)】

【施工事例ページ(2/2)】

【会社概要ページ(1/2)】

【会社概要ページ(2/2)】

【事業内容ページ】

【お問い合わせページ】

【採用情報ページ(1/2)】

【採用情報ページ(2/2)】

前提条件
地域密着型で電気設備工事・弱電設備工事・空調設備工事などを手掛ける電気工事会社のコーポレートサイトを想定し、トップページおよび下層ページのデザインを制作しました。
ターゲットは30代〜60代の法人担当者・施設管理者・建物オーナーを中心に、
「信頼できる電気工事会社を探したい」「施工実績や対応内容を確認したい」と考えているユーザーを想定しています。
また、施工実績や事業内容を通して、
会社としての技術力や対応力、地域密着型企業としての安心感が伝わるサイト構成を意識しました。
制作目的
地域密着型の電気工事会社としての信頼感を伝えながら、
「施工実績」「対応可能工事」「安全性・技術力」が直感的に伝わるコーポレートサイトを目指しました。
また、施工実績・事業内容・会社概要・採用情報・お問い合わせなどの情報を整理し、
初めてサイトを訪れたユーザーでも必要な情報へスムーズにアクセスできる構成としています。
トップページだけでなく下層ページまで制作することで、
実際の電気工事会社サイトを意識した回遊性のあるサイト設計を意識しました。
デザインのポイント
・信頼感や清潔感を意識し、ネイビー・ホワイト・グレーを基調とした落ち着いた配色で統一
・施工風景や設備写真を使用し、「現場感」や「技術力」が伝わるビジュアル構成に調整
・トップページでは「施工実績」「会社の特徴」「事業内容」を整理し、情報が把握しやすいレイアウトを意識
・下層ページごとに役割を分け、施工実績一覧・会社概要・事業紹介・採用情報・お問い合わせなどを分かりやすく設計
・FV(ファーストビュー)は各ページごとに異なる写真・キャッチコピーを設定し、ページ内容に合わせた世界観を演出
・お問い合わせフォームや採用フォームは入力項目を整理し、企業サイトらしい視認性を意識して設計
・フッターには会社情報やサイトマップを配置し、コーポレートサイトらしい導線設計を意識
工夫した点
情報量が多くなりやすいコーポレートサイトにおいて、
「信頼感」「視認性」「情報整理」を重視し、余白やレイアウトバランスを意識して設計を行いました。
また、電気工事会社サイトでは施工実績の見せ方が重要になるため、
一覧ページだけでなく施工実績詳細ページまで制作し、工事内容や対応範囲が分かりやすく伝わる構成を意識しています。
さらに、事業内容ページでは、
電灯・コンセント工事、幹線工事、弱電設備工事、空調設備工事など、
各工事内容ごとに写真や説明を整理し、対応可能な工事内容が把握しやすいレイアウトに調整しました。
採用ページでは応募導線や入力フォームも含めて制作し、
実際の企業サイト運用を意識した構成となるよう設計しています。
全体として、単なるデザイン制作ではなく、
「実際に運用される電気工事会社サイト」を意識したサイト設計になるよう構成しています。
使用ツール:Photoshop・WordPress・Elementor

