우노건설 반응형 기업 홈페이지제작 포트폴리오

PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
비젠소프트 포트폴리오 상세보기 - 홈페이지제작 쇼핑몰제작 AI 솔루션
우노건설 반응형 기업 홈페이지제작
개발분야 : Layout(레이아웃고정형)
우노건설 반응형 기업 홈페이지제작 2024/02
비젠소프트 포트폴리오 목록으로 돌아가기 이전 포트폴리오 프로젝트 보기 다음 포트폴리오 프로젝트 보기
우노건설_ LTYPE_ 반응형 홈페이지제작


메인 화면 기획 및 시공 역량 중심 랜딩 구성


[메인 화면 기획]
도심의 고층 빌딩 숲을 문구 없이 첫 화면 전체에 펼쳐,
대형 건축물의 설비를 책임지는 건설사의 무게감을 이미지 하나로 전달하도록 기획했습니다.
이어서 건축설비·소방설비·도장/방수·건축공사 4개 사업영역을 사진 타일로 한 줄에 보여주고,
바로 아래 면허 및 인증서를 배치해 '무엇을 시공하는지'와
'시공할 자격이 있는지'를 순서대로 확인하도록 구성했습니다.






메인디자인
우노건설 반응형 기업 홈페이지 데스크톱 및 모바일 버전 화면


[메인 디자인]

로고의 그린을 기업 컬러로, 오렌지·레드 아치를 포인트로 삼아

연혁 연도와 버튼 등 강조 요소에만 오렌지를 사용하고 나머지는 흰 여백과 다크 푸터로 정돈했습니다.

푸른 유리 외벽의 빌딩 사진을 메인과 서브 비주얼에 공통으로 사용해 첨단 건축물의 차갑고 정밀한 인상을 만들고,

기계실·스프링클러 등 실제 현장 사진으로 전문 설비 기업의 톤을 완성했습니다.

'






컨텐츠디자인
우노건설 홈페이지 간결한 레이아웃과 심플한 콘텐츠 구성 화면


[콘텐츠 디자인]

회사소개는 인사말·연혁·조직도·오시는 길을 한 페이지에 탭 앵커로 묶고,

사업영역은 분야마다 대표 사진과 설명, 세부 설비 항목을 2열로 정리해 전문 분야를 체계적으로 보여주도록 구성했습니다.

면허 및 인증서는 보유면허·신용평가·주요인증으로 나눈 문서 그리드로,

공사실적은 기계설비·소방설비 분류와 발주처가 드러나는 게시판형 리스트로 구성해 실적을 객관적으로 확인할 수 있게 했습니다.







웹사이트 UX/UI 최적화
우노건설 반응형 홈페이지 반응형 디자인 적용 사례
[웹사이트 UX/UI]
회사소개·사업영역·면허및인증서·공사실적·회사소식·협력업체 6개 메뉴를 GNB에 평면적으로 노출해
발주처 담당자가 필요한 정보로 한 번에 이동하도록 했습니다.
메인의 사업영역 타일과 인증서 썸네일은 각 상세 페이지의 해당 영역으로 바로 연결해 탐색 단계를 줄이고,
사업영역 설명마다 시공실적 버튼을 두어 설명에서 실제 사례까지 자연스럽게 이어지도록 설계했습니다.


비젠소프트 포트폴리오 전체 목록으로 돌아가기
이전 포트폴리오 보기 다음 포트폴리오 보기
카카오톡 상담하기
전화 상담 무료 견적 문의 →