홈페이지
모바일
랜딩페이지
디자인
진행중인 프로젝트진특수 반응형 기업 홈페이지제작
- 개발분야 : Layout(레이아웃고정형)
메인 화면 기획 및 시공 신뢰 중심 랜딩 구성
[메인 화면 기획]
'고객과의 신뢰를 바탕으로 최고의 품질 시공을 약속드립니다'라는 메시지와 '방수·습식·도장 공사 전문'이라는 정체성을 첫 화면 좌측에 두고,
우측에 실제 외벽 도장 작업 사진을 사선으로 배치해 전문 시공사의 현장감을 바로 전달하도록 기획했습니다.
이어서 방수·도장·습식 3개 공사 분야를 아이콘으로 정리하고 시공 갤러리로 연결해,
무엇을 시공하는지 확인한 뒤 실제 결과물까지 자연스럽게 이어지도록 구성했습니다.
메인디자인
[메인 디자인]
로고 J의 연한 하늘색부터 진한 파랑까지 이어지는 세 줄 컬러를 메인 팔레트로 삼아,
물과 방수를 연상시키는 청량한 톤으로 사이트 전체를 정리했습니다.
히어로 사진의 사선 라인과 다이아몬드 형태의 라인 아이콘으로 단정하면서도 리듬감 있는 레이아웃을 만들고,
흰 여백과 다크 그레이 푸터로 대비를 주어 깔끔한 전문 건설사의 인상을 완성했습니다.
컨텐츠디자인
[콘텐츠 디자인]
사업영역은 방수·도장·습식공사를 한 페이지에 섹션으로 나누고,
공법 설명과 함께 실제 현장 사진을 슬라이드로 보여주어 시공 품질을 직접 확인할 수 있도록 구성했습니다.
시공실적은 공사명·발주/도급자·시공공정이 드러나는 게시판형 리스트로 정리해 반도체 생산시설 등 주요 발주처의 실적을 객관적으로 보여주고,
찾아오시는길은 청주 본사와 이천사업장을 나누어 안내했습니다.
웹사이트 UX/UI 최적화
[웹사이트 UX/UI]
회사소개·사업영역·시공실적·시공갤러리·공지사항 5개 메뉴로 구조를 단순화하고,
헤더 우측에 'CALL US NOW' 대표번호를 상시 노출해 문의가 필요한 순간 바로 연락할 수 있도록 했습니다.
메인의 공사 분야 아이콘은 사업영역 페이지의 해당 섹션으로 바로 연결해 탐색 단계를 줄이고,
시공실적은 공사명·시공공정·발주처 검색을 제공해 원하는 사례를 빠르게 찾을 수 있도록 설계했습니다.
상담요청
