호산비전 쇼핑몰 반응형 포트폴리오
모두가 만족할 결과물을 제시해 드립니다.
we deliver outcomes that satisfy everyone.
- 호산비전 쇼핑몰 반응형
- 개발분야 : Responsible website(반응형웹) / ShopingMall(쇼핑몰)
논과 트랙터를 내려다본 항공 사진에 '첨단기술로 농사를 짓다 호산비전' 메시지를 더해 농기계 전문 기업의 정체성을 먼저 전달하고,
바로 아래 측조시비기·제초제살포기·신규제품·자료실 4개 바로가기 카드로 필요한 부품군에 곧장 진입하도록 기획했습니다.
이어서 베스트 호산용품 탭, 오늘의 특가, 이벤트 배너, SNS 순으로 배치해
상품 탐색부터 프로모션 확인까지 쇼핑몰의 구매 흐름에 맞춰 구성했습니다.
[메인 디자인]
로고 'A'에서 가져온 오렌지를 포인트 컬러로 삼아 선택된 탭과 버튼에 사용하고,
흰 배경과 다크 푸터로 상품 이미지가 가장 돋보이는 깔끔한 쇼핑몰 화면을 만들었습니다.
바로가기 카드는 벼·들판·흙 사진 위에 굵은 흰 타이포를 얹고 모서리를 크게 둥글려,
기계 부품을 다루면서도 농업의 따뜻한 분위기가 느껴지는 친근한 비주얼 톤을 완성했습니다.
[콘텐츠 디자인]
상품 목록은 측조시비기·제초제살포기 등 기계별 카테고리 아래 구동부·배출부·복토판부처럼 부품 위치를 함께 표기해,
사용자가 자신의 기계에서 필요한 부품을 정확히 찾을 수 있도록 구성했습니다.
제품은 흰 배경의 누끼 사진과 5열 그리드로 통일하고 '부속구매가능' 라벨로 개별 구매 가능 여부를 표시했으며,
상단 Weekly Best 슬라이드로 인기 부품을 먼저 보여주도록 설계했습니다.
웹사이트 UIUX
헤더 중앙에 상품 검색창을 두어 부품명으로 바로 찾을 수 있게 하고,
목록에서는 전체보기·신상품·베스트·스테디·시그니처 필터와 최신순·인기순·가격순 정렬을 제공해 원하는 부품까지의 탐색 단계를 줄였습니다.
푸터에 대표번호와 운영시간, 농번기인 5~6월 주말 근무 안내를 크게 노출해 급하게 부품이 필요한 시기에도 바로 문의할 수 있도록 하고,
모바일에서는 바로가기 카드를 2열로 재배치해 한 손으로도 쉽게 이동하도록 설계했습니다.
