- 평가내역
WEB AWARD KOREA evaluation
등록정보
|
| 타이틀 | 한살림 장보기 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Hansalim shopping | ||||||||||||
| 서브타이틀 | 지구를 살리는 뜻깊은 생활실천, 한살림 | |||||||||||
| Daily action to save Life and Earth, Hansalim | ||||||||||||
| URL | https://shop.hansalim.or.kr 사이트보기 | |||||||||||
| 소개 | 무농약 유기농산물 전문업체, 채소류, 견과류, 곡식류 및 화장품, 생활용품 판매 공식 웹사이트 | |||||||||||
| 키워드 | 한살림,한살림장보기,밥상살림,농업살림,생명살림,한살림생산자 | |||||||||||
| 제작년월 | 2021.8 | |||||||||||
| 등록구분 | 데스크탑웹 | |||||||||||
| 후보등록분야 | 쇼핑몰 부문 > 생활쇼핑몰 | |||||||||||
| 소속사 | 한살림소비자생활협동조합연합회 | |||||||||||
| 소속사 제작진 |
|
|||||||||||
| 제작사 |
(주)프레임아웃 정보보기 cj올리브네트웍스 |
|||||||||||
| 제작사 제작진 |
|
|||||||||||
| 웹사이트 설명 | -오프라인 경험을 온라인에서도
한살림 조합원 대다수가 온라인보다 오프라인 매장에서의 물품 구매를 선호한다. 이는 80%에 달하는 오프라인 매장 매출 점유율과 조합원들의 구매 특성도 있으나, 기존 온라인 구매 서비스가 부족했던 이유도 컸다. 기존에는 메뉴 간 이동 시 로그인 세션이 종료되는 경우가 간헐적으로 발생해 사용자 이탈이 발생했고, 공급자 중심의 정보구조를 사용자 중심으로 전환할 필요가 있었다. 또한, 반응 속도가 느려 사용성이 저하된 상태였고, 불충분한 상품 정보뿐 아니라 페이지 간 이동 등의 불편함이 존재했다. 이에 한살림 온라인 장보기 프로젝트는 주로 오프라인에서 장을 봤던 소비자의 경험을 온라인에서도 동일하게 경험할 수 있게 하는 고민에서 시작됐다. -사용자 편의성을 고려한 UI/UX 이번 프로젝트에선 무엇보다 사용자 편의성을 고려한 UI/UX를 반영했다. 특히, 장바구니의 경우 기존 세분화된 공급 유형에 따라 별개로 주문해야 하는 불편이 있었다. 이를 공급 유형 상관없이 한 번에 주문할 수 있는 통합주문결제 시스템으로 변경했다. 기존에는 공급(배송)일에 물품을 추가 주문할 경우 별도 배송비가 발생하던 문제를 근본적으로 해결해 추가 비용 없이 주문할 수 있도록 개선했다. -사용자 혼란을 줄이다 사용자 혼란을 줄이기 위해 정보구조를 다시 그룹화해 상위 메뉴명만으로도 하위 메뉴 유추는 물론, 전체 서비스를 한눈에 파악할 수 있도록 메뉴의 구조를 개선했다. 간결한 메뉴 네이밍과 직관적인 정보구조를 통해 누구나 쉽게 이해할 수 있으며 불필요한 동선을 단축했다. 개인 맞춤화를 위해 개인별로 선호하는 카테고리를 설정하고, 물품 목록 내 공급(배송) 유형에 대해 표기했으며, 사전예약 물품은 사용자가 사전에 인지할 수 있도록 주문 가능 기한을 표기했다. 관리 효율성을 위해 PC, 모바일에서 함께 쓸 수 있는 배너 사이즈 및 물품 이미지 사이즈 최적화 가이드도 제공하며 이용 시 혼란을 줄였다. 이러한 개선점은 구글 애널리틱스를 통해 약 1년간 축적된 사용자의 행동 패턴 데이터를 기반으로 설계됐다. 해당 키워드의 트래픽, 클릭수, 판매, 비율, 페이지뷰 등을 분석해 사용자 유형에 기반한 콘텐츠 배치와 정보 그룹핑 및 정보구조를 재설계할 수 있었다. -최신 트렌드 반영 & 다양한 디바이스에 최적화된 경험 제공 UI/UX 측면에서 가장 개선한 부분은 노출 그리고 직관성이었다. 기존 웹사이트는 물품 배송이 중심 서비스였다면, 이번 개선의 중점은 물품 전시·탐색·구매의 편리성을 강화하고, 부가 콘텐츠는 물품 정보 상세페이지뿐 아니라 다양한 영역에 노출해 사용자가 언제든 쉽게 구매할 수 있도록 구성했다. 또한, 직관적이면서도 간결한 메뉴 구성으로 최신 트렌드를 반영한 모바일 UX 경험을 적용했다. 더불어 다양한 디바이스 환경에 최적화해 대응할 수 있는 환경을 만들었다. |
|||||||||||
| 추가이미지 |
        
|
|||||||||||
| 제작/구축 관련 자료 | ||||||||||||