01 / ELECTRICAL
電気工事
暮らしや業務に関わる電気設備を、用途に合わせて整えていく想定のサービスです。住宅から事業用途まで幅広く案内できる構成です。
Technical Electrical Service
配線から設備まで技術で解決する。
青葉電設は、電気工事・エアコン設置・LED化・分電盤交換に対応する架空の制作サンプルです。個人宅から店舗・オフィスまで、設備の現場に合わせた確かな施工を想定したホームページデザインです。
第一種電気工事士在籍
住宅設備の見直しから、店舗・オフィスの電気まわりまで。機能性と安全性を重視したプロフェッショナル感を前面に構成しています。
夜間・緊急対応を想定した
テクニカルサポート帯
暗色ベースにシアンを効かせ、設備トラブルに即応する印象を強調。制作サンプルとして、緊急性の高い業種に合う見せ方を取り入れています。
対応領域
個人宅から店舗・オフィスまで、幅広い現場を想定した構成です。
- 電気工事
- エアコン設置
- LED化
- 分電盤交換
設計意図
設備のプロらしい精悍さと読みやすさの両立を重視。暗背景でも文字を追いやすい余白とコントラストで構成しています。
Core Policy
現場ごとに必要な施工を、整理して提案する設計
派手すぎないグロー、回路図を思わせる背景、等幅フォントの英数字アクセントで、技術職の信頼感を静かに押し出すビジュアルに仕上げています。
SERVICE / SPEC
スペック表のように整理した
スペック表のように整理した
サービス構成
青葉電設の対応内容を、技術項目を読む感覚で把握できるカードレイアウトで整理しています。
02 / AIR CONDITIONER
エアコン設置
設置工事を中心に、室内環境を整えるための設備対応を訴求。ヒーローの重厚さに対して、説明部分は読みやすく簡潔に保っています。
03 / LED UPGRADE
LED化
明るさと省エネの見直しを想起させる項目として配置。シアンのアクセントカラーと相性の良い内容で、全体の統一感をつくります。
04 / PANEL REPLACEMENT
分電盤交換
設備更新の専門性が伝わる代表項目です。堅実な印象を重視し、装飾を抑えたカードでプロフェッショナル感を出しています。
PHOTO
現場イメージ写真
暗色の世界観の中でも重たくなりすぎないよう、写真と透明感のある情報パネルを組み合わせています。
GUIDE
営業案内
読みやすさを優先し、必要な情報をコンパクトに整理した営業案内セクションです。
STORE
青葉電設
BUSINESS
電気工事業
HOURS
営業時間: お問い合わせ時にご案内
HOLIDAY
定休日: お問い合わせ時にご案内
夜間・緊急対応の訴求を
帯デザインで強調
設備トラブル時の安心感を視覚的に伝えるため、ページ内でもっとも視認性の高いブロックとして構成しています。
ACCESS / CONTACT
アクセス・連絡先
住所はぼかし表記、電話番号はダミー表記で、制作サンプルとしての体裁を保っています。
技術の信頼感を軸にした1ページ構成
電気工事業の専門性を、暗色ベースとシアンのアクセントで精悍に表現した架空店舗のホームページサンプルです。
AOBA D.