전기안전청풍 반응형 기업 홈페이지제작 포트폴리오

전기안전청풍 반응형 기업 홈페이지

[메인 화면 기획]

전기안전관리 대행 업체를 찾는 고객이 가장 먼저 확인하는 것은 믿을 수 있는지와 바로 연락할 수 있는지라는 점에 맞춰, 메인 화면을 짧고 명확한 흐름으로 기획했습니다.

첫 화면에 '늘 좋은 습관으로 늘 안전하게' 슬로건을 크게 배치해 꾸준한 안전관리라는 브랜드 가치를 전달하고, 이어서 신규 선임 업체 특가와 전화연결 버튼,

경기지역 상주 인력의 빠른 긴급 대응과 전기요금 절약 전략을 담은 고객지원 배너를 두어 방문 즉시 상담으로 이어지도록 구성했습니다.

[메인 디자인]

로고의 그린을 포인트 컬러로, 고층 빌딩 유리 외벽 사진의 딥 블루를 메인 톤으로 삼아

신뢰감 있고 깔끔한 전기설비 전문 기업의 인상을 만들었습니다.

히어로의 '안전하게' 문구에 그린 하이라이트를 넣고 전화연결 버튼과 고객지원 배너에도

같은 그린을 반복해 시선과 행동이 한 색으로 모이도록 했으며,

히어로 하단을 부드러운 물결 곡선으로 마무리하고

배경에 은은한 원형 라인을 더해 딱딱한 업종을 한층 부드럽게 표현했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

회사소개, 사업분야, 주요실적, 고객지원 네 개 메뉴로 정보를 간결하게 나누고,

서브페이지마다 이미지 배너와 그린 라인 포인트를 동일하게 적용해 일관된 구조로 정리했습니다.

각 항목에 실제 점검 현장 사진을 함께 보여주어 서비스 범위를 구체적으로 이해할 수 있게 했으며,

경영이념은 그린과 네이비 원형 다이어그램으로 시각화해 회사가 지키는 가치를 한눈에 전달했습니다.

웹사이트 UX/UI 최적화

[웹사이트 UX/UI]

메인의 전화연결 버튼과 고객지원 배너의 문의하기 버튼으로 어느 지점에서든 바로 상담을 시작할 수 있도록 하고,

고객지원 메뉴에 오시는 길과 견적문의를 묶어 문의 동선을 짧게 정리했습니다.

견적문의는 온라인 폼으로 구성해 전화가 어려운 시간에도 요청을 남길 수 있게 했으며,

모바일에서는 헤더를 로고와 그린 햄버거 버튼으로 단순화하고

히어로 카피와 전화연결 버튼이 첫 화면에 바로 보이도록 반응형으로 최적화했습니다.