[경남캐노피 웹사이트 구축 사례]제품 중심 구조의 제조업 홈페이지 제작 포트폴리오

경남캐노피는 주차장 캐노피, 흡연부스, 자전거 보관대 등 다양한 시설물을 제작·설치하는 기업으로제품 중심의 정보 전달과 실제 설치 사례를 통한 신뢰 확보가 중요한 산업 특성을 가지고 있습니다.

기존 기업형 홈페이지 구조에서 벗어나 사용자가 원하는 정보를 빠르게 찾을 수 있도록 제품 중심의 정보 구조와 설치사례 중심 UX 흐름을 재설계하는 데 초점을 두었습니다.

메인 페이지

메인 페이지 기획의도

- 제품군이 다양한 만큼 정보 구조를 단순하고 직관적으로 재정리

- 텍스트보다 이미지 중심의 전달 구조 강화

- 설치 사례를 활용한 신뢰 기반 UX 설계

실제 설치 이미지를 전면에 배치해 서비스 이해도를 즉각 높이는 직관형 메인 비주얼 UX 설계

메인 페이지는 슬라이드 구조를 기반으로 구성하여 각 슬라이드마다 캐노피, 흡연부스 등 제품별 실제 적용 환경 이미지를 배경으로 활용함으로써 사용자가 다양한 제품군을 자연스럽게 탐색할 수 있도록 설계했습니다.

넓은 구조와 안정적인 설계가 강조된 이미지를 통해 단순 제품이 아닌 공간을 개선하는 솔루션이라는 인식을 자연스럽게 유도하며 사용자가 별도의 설명 없이도 서비스의 성격을 이해할 수 있도록 설계했습니다.

또한 주변 환경과 조화를 이루는 장면을 통해 기능성과 함께 디자인 완성도까지 전달하는 UI로 구성했습니다.

단일 비주얼에 의존하는 방식이 아닌 제품별 활용 사례를 순차적으로 노출함으로써 서비스 범위와 적용 가능성을 직관적으로 이해할 수 있는 구조로 구성했습니다.

또한 화면 좌측에는 고정형 내비게이션을 배치하여사용자가 원하는 섹션으로 즉시 이동할 수 있도록 설계함으로싸 스크롤 기반 탐색의 불편함을 줄이고 페이지 내 이동 효율성과 사용성을 동시에 개선했습니다.

서브 페이지

카테고리·검색·리스트를 결합해 원하는 제품을 빠르게 탐색하는 제품 검색 UX 설계

해당 섹션은 다양한 캐노피 제품을 효율적으로 탐색할 수 있도록 카테고리 분류, 검색 기능, 리스트 UI를 결합한 구조로 설계되었습니다.

상단에는 제품군 및 용도에 따른 카테고리를 배치하여 사용자가 원하는 제품 범위를 빠르게 좁힐 수 있도록 구성했으며 검색 기능을 함께 제공해 특정 제품을 직접 탐색할 수 있도록 했습니다.

제품 리스트는 이미지 중심 카드 형태로 구성하여 형태와 구조를 직관적으로 비교할 수 있도록 설계하였으며 규격, 재질 등 주요 정보는 한눈에 확인 가능하도록 정리했습니다.

또한 반복되는 리스트 구조를 일관된 UI 패턴으로 구성함으로써 사용자는 별도의 학습 없이도 빠르게 제품을 비교·탐색할 수 있으며 결과적으로 제품 선택까지의 시간을 단축시키는 UX를 구현했습니다.

카테고리 기반 필터와 사례 리스트를 결합해 신뢰 형성과 비교 탐색을 동시에 유도하는 사례 중심 UX 설계

해당 섹션은 실제 설치 사례를 기반으로 사용자가 제품 적용 결과를 직접 확인할 수 있도록 구성된 영역입니다.

상단에는 제품군 및 설치 환경에 따른 카테고리 필터를 배치하여 사용자가 관심 있는 사례를 빠르게 선별할 수 있도록 설계했으며 검색 기능을 함께 제공해 특정 사례 탐색도 가능하도록 구성했습니다.

사례 리스트는 이미지 중심 카드 UI로 구성되어 각 프로젝트의 규모와 적용 형태를 직관적으로 비교할 수 있으며 텍스트보다 시각 정보를 우선적으로 전달함으로써 이해도를 높였습니다.

---

경남캐노피 웹사이트는 제품 이해부터 설치 사례 확인, 상담으로 이어지는 흐름을 고려해 설계된 프로젝트입니다.

제품과 사례를 중심으로 한 정보 구조,직관적인 탐색이 가능한 UI 구성 등을 통해 사용자가 필요한 저오를 빠르게 찾고 자연스럽게 다음 단계로 이동할 수 있도록 구현했습니다.

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →