홈페이지
모바일
랜딩페이지
디자인
진행중인 프로젝트우노건설 반응형 기업 홈페이지제작
- 개발분야 : Layout(레이아웃고정형)
메인 화면 기획 및 시공 역량 중심 랜딩 구성
[메인 화면 기획]
도심의 고층 빌딩 숲을 문구 없이 첫 화면 전체에 펼쳐,
대형 건축물의 설비를 책임지는 건설사의 무게감을 이미지 하나로 전달하도록 기획했습니다.
이어서 건축설비·소방설비·도장/방수·건축공사 4개 사업영역을 사진 타일로 한 줄에 보여주고,
바로 아래 면허 및 인증서를 배치해 '무엇을 시공하는지'와
'시공할 자격이 있는지'를 순서대로 확인하도록 구성했습니다.
메인디자인
[메인 디자인]
로고의 그린을 기업 컬러로, 오렌지·레드 아치를 포인트로 삼아
연혁 연도와 버튼 등 강조 요소에만 오렌지를 사용하고 나머지는 흰 여백과 다크 푸터로 정돈했습니다.
푸른 유리 외벽의 빌딩 사진을 메인과 서브 비주얼에 공통으로 사용해 첨단 건축물의 차갑고 정밀한 인상을 만들고,
기계실·스프링클러 등 실제 현장 사진으로 전문 설비 기업의 톤을 완성했습니다.
'
컨텐츠디자인
[콘텐츠 디자인]
회사소개는 인사말·연혁·조직도·오시는 길을 한 페이지에 탭 앵커로 묶고,
사업영역은 분야마다 대표 사진과 설명, 세부 설비 항목을 2열로 정리해 전문 분야를 체계적으로 보여주도록 구성했습니다.
면허 및 인증서는 보유면허·신용평가·주요인증으로 나눈 문서 그리드로,
공사실적은 기계설비·소방설비 분류와 발주처가 드러나는 게시판형 리스트로 구성해 실적을 객관적으로 확인할 수 있게 했습니다.
웹사이트 UX/UI 최적화
[웹사이트 UX/UI]
회사소개·사업영역·면허및인증서·공사실적·회사소식·협력업체 6개 메뉴를 GNB에 평면적으로 노출해
발주처 담당자가 필요한 정보로 한 번에 이동하도록 했습니다.
메인의 사업영역 타일과 인증서 썸네일은 각 상세 페이지의 해당 영역으로 바로 연결해 탐색 단계를 줄이고,
사업영역 설명마다 시공실적 버튼을 두어 설명에서 실제 사례까지 자연스럽게 이어지도록 설계했습니다.
상담요청
