방수·도장 전문 시공사 반응형 기업 홈페이지 제작

PORTFOLIO

다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.

Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.

PORTFOLIO

진특수 반응형 기업 홈페이지제작 2024/01

메인 화면 기획 및 시공 신뢰 중심 랜딩 구성

[메인 화면 기획]

'고객과의 신뢰를 바탕으로 최고의 품질 시공을 약속드립니다'라는 메시지와 '방수·습식·도장 공사 전문'이라는 정체성을 첫 화면 좌측에 두고,

우측에 실제 외벽 도장 작업 사진을 사선으로 배치해 전문 시공사의 현장감을 바로 전달하도록 기획했습니다.

이어서 방수·도장·습식 3개 공사 분야를 아이콘으로 정리하고 시공 갤러리로 연결해,

무엇을 시공하는지 확인한 뒤 실제 결과물까지 자연스럽게 이어지도록 구성했습니다.

메인디자인

[메인 디자인]

로고 J의 연한 하늘색부터 진한 파랑까지 이어지는 세 줄 컬러를 메인 팔레트로 삼아,

물과 방수를 연상시키는 청량한 톤으로 사이트 전체를 정리했습니다.

히어로 사진의 사선 라인과 다이아몬드 형태의 라인 아이콘으로 단정하면서도 리듬감 있는 레이아웃을 만들고,

흰 여백과 다크 그레이 푸터로 대비를 주어 깔끔한 전문 건설사의 인상을 완성했습니다.

[콘텐츠 디자인]

사업영역은 방수·도장·습식공사를 한 페이지에 섹션으로 나누고,

공법 설명과 함께 실제 현장 사진을 슬라이드로 보여주어 시공 품질을 직접 확인할 수 있도록 구성했습니다.

시공실적은 공사명·발주/도급자·시공공정이 드러나는 게시판형 리스트로 정리해 반도체 생산시설 등 주요 발주처의 실적을 객관적으로 보여주고,

찾아오시는길은 청주 본사와 이천사업장을 나누어 안내했습니다.

웹사이트 UX/UI 최적화
진특수 건설 시공 포트폴리오 갤러리

[웹사이트 UX/UI]

회사소개·사업영역·시공실적·시공갤러리·공지사항 5개 메뉴로 구조를 단순화하고,

헤더 우측에 'CALL US NOW' 대표번호를 상시 노출해 문의가 필요한 순간 바로 연락할 수 있도록 했습니다.

메인의 공사 분야 아이콘은 사업영역 페이지의 해당 섹션으로 바로 연결해 탐색 단계를 줄이고,

시공실적은 공사명·시공공정·발주처 검색을 제공해 원하는 사례를 빠르게 찾을 수 있도록 설계했습니다.