프로젝트 배경
1) 문제점
- 제품 탐색 흐름이 복잡하여 구매 전환율 낮음
- 협동조합 모델에 대한 설명 부족으로 비조합원 유입 시 이탈률 높음
- 브랜드 톤이 일관되지 않아 신뢰와 경험 축적에 어려움
- 커뮤니티 및 콘텐츠 부족으로 조합원 참여와 브랜드 충성도 약화
2) 프로젝트 목표
- 전환율 향상을 위한 상품 탐색 및 결제 플로우 개선
- 조합원 구조와 철학을 명확히 전달하는 온보딩 경험 설계
- 브랜드 디자인 시스템 수립을 통한 일관된 사용자 경험 제공
- 스토리와 가치 기반 커뮤니티 콘텐츠로 브랜드 충성도 강화
- SEO 및 반응형 최적화를 통한 유입 경로 확대
3) 주안점
- 상품을 쉽게 찾을 수 있도록 카테고리 구조 개편 및 필터링 UX 개선
- 협동조합의 이야기와 가치를 담은 ‘두레이야기’ 콘텐츠 허브 신설
- 디자인 시스템 구축을 통해 각 페이지/컴포넌트에 일관된 브랜딩 적용
- 모바일 중심 사용자 흐름 설계로 모바일 전환율 증가 유도
- SEO 고려 구조와 마이크로카피 전략 적용으로 검색 유입 증가
- 제품 탐색 흐름이 복잡하여 구매 전환율 낮음
- 협동조합 모델에 대한 설명 부족으로 비조합원 유입 시 이탈률 높음
- 브랜드 톤이 일관되지 않아 신뢰와 경험 축적에 어려움
- 커뮤니티 및 콘텐츠 부족으로 조합원 참여와 브랜드 충성도 약화
2) 프로젝트 목표
- 전환율 향상을 위한 상품 탐색 및 결제 플로우 개선
- 조합원 구조와 철학을 명확히 전달하는 온보딩 경험 설계
- 브랜드 디자인 시스템 수립을 통한 일관된 사용자 경험 제공
- 스토리와 가치 기반 커뮤니티 콘텐츠로 브랜드 충성도 강화
- SEO 및 반응형 최적화를 통한 유입 경로 확대
3) 주안점
- 상품을 쉽게 찾을 수 있도록 카테고리 구조 개편 및 필터링 UX 개선
- 협동조합의 이야기와 가치를 담은 ‘두레이야기’ 콘텐츠 허브 신설
- 디자인 시스템 구축을 통해 각 페이지/컴포넌트에 일관된 브랜딩 적용
- 모바일 중심 사용자 흐름 설계로 모바일 전환율 증가 유도
- SEO 고려 구조와 마이크로카피 전략 적용으로 검색 유입 증가
프로젝트 성과
구매 전환율 18% 상승
상품 구조 개편 및 CTA 재배치로 사용자 여정을 최적화하여 전환율을 효과적으로 개선했습니다.
검색 기반 유입 트래픽 2.1배 증가 (SEO 최적화 적용)
상품명 및 콘텐츠 메타 구조 개선으로 검색 노출을 강화해 자연 유입 트래픽을 2.1배 증가시켰습니다.
모바일 접속 사용자 전환율 24% 향상
모바일 환경에 맞춘 UX 재설계와 로딩 속도 개선으로 구매 흐름을 최적화해 전환율이 크게 향상되었습니다.
제품 탐색 평균 클릭 수 3.4 → 1.9회로 감소 (UX 개선 결과)
카테고리 구조 및 필터 UI 개선으로 원하는 상품까지 도달하는 클릭 수를 줄여 탐색 효율을 높였습니다.
커뮤니티 콘텐츠 게시 후 페이지 체류 시간 1.6배 증가
브랜드 철학이 담긴 조합원 콘텐츠를 배치해 사용자 관심을 유도하고 페이지 몰입도를 높였습니다.
핵심 기능



🛍️ 상품 탐색 최적화 구조
카테고리, 필터링, 검색 결과 페이지 등을 UX 기준으로 재설계하여 소비자가 원하는 상품을 빠르게 찾을 수 있는 구조 제공하고 빠른 장바구니 담기 기능 등을 통해 검색 → 탐색 → 구매 흐름을 간소화


🌿 브랜드 신뢰를 강화하고, 사용자의 재방문을 유도하는 콘텐츠 중심의 홈 구성
- 개인화된 구조: 구매 이력, 선호 상품 기반으로 맞춤형 추천 배너 및 섹션 제공
- 가치 기반 콘텐츠: 단순 ‘할인상품’ 노출이 아닌, ‘이번 주 제철 식재료’등 브랜드 철학을 반영한 콘텐츠 중심으로 구성
- 가치 기반 콘텐츠: 단순 ‘할인상품’ 노출이 아닌, ‘이번 주 제철 식재료’등 브랜드 철학을 반영한 콘텐츠 중심으로 구성



🚚 ‘배송 방식 선택’ 인터페이스 개선
- 사용자의 배송 지역에 따른 옵션(매일배송 / 일반배송) 을 직관적으로 안내하는 UI 설계
- 지역 인식 또는 사용자 입력 기반으로 불필요한 옵션은 비활성화되며, 배송 가능일자/시간 자동 표시
- 지역 인식 또는 사용자 입력 기반으로 불필요한 옵션은 비활성화되며, 배송 가능일자/시간 자동 표시


📱 모바일 최적화 : 주요 타겟층인 40–60대 사용자도 쉽게 이용할 수 있는 모바일 UX 제공
- 글자 크기 조절: 시니어 유저를 고려한 가독성 강화. 사용자가 설정에서 글자 크기를 조절할 수 있도록 UI 옵션 제공
- 반응형 디자인: 다양한 해상도에서도 레이아웃이 무너짐 없이 자연스럽게 조정되도록 설계
- 반응형 디자인: 다양한 해상도에서도 레이아웃이 무너짐 없이 자연스럽게 조정되도록 설계

👥 단순한 거래 플랫폼을 넘어 ‘함께 사는 삶’을 공유하는 생협 커뮤니티로 확장
생산자 이야기: “이 상품, 누가 만드나요?” 콘텐츠를 통해 상품의 윤리적 가치와 생산자의 삶을 연결하고,
사용자 구매 의사결정에 감성적·가치 기반 스토리를 제공함으로써 브랜드 충성도 상승
사용자 구매 의사결정에 감성적·가치 기반 스토리를 제공함으로써 브랜드 충성도 상승
진행 단계
리서치 및 사용자 분석
2023.01.
- 기존 사용자 플로우 분석
- 신규 방문자와 조합원 간 니즈 차이 파악
- 신규 방문자와 조합원 간 니즈 차이 파악
정보 구조 및 UX 전략 수립
2023.02.
- 상품 카테고리 및 상세 페이지 구조 재정의
- 조합원 이해를 돕는 콘텐츠 배치 기획
- 조합원 이해를 돕는 콘텐츠 배치 기획
디자인 시스템 구축
2023.03.
- 브랜드 컬러, 타이포, UI 컴포넌트 가이드 정의
- CMS 기반 확장성을 고려한 템플릿 설계
- CMS 기반 확장성을 고려한 템플릿 설계
UI 디자인 및 커뮤니티 구성
2023.04.
- 상품 중심의 리스트/디테일 페이지
- ‘두레이야기’ 섹션 기획 및 커뮤니티 허브 신설
- ‘두레이야기’ 섹션 기획 및 커뮤니티 허브 신설
퍼블리싱 및 SEO 최적화
2023.06.
- 반응형 웹 퍼블리싱
- 메타 구조, 헤더 구조, URL 최적화 등 적용
- 메타 구조, 헤더 구조, URL 최적화 등 적용
프로젝트 상세
두레생협장보기(Dure Shop)는 약 48만 조합원이 이용하는 국내 대표 협동조합형 B2C 이커머스 플랫폼입니다.
기존 플랫폼은 사용자 경험(UX), 상품 탐색 구조, 브랜드 일관성, 그리고 전환율 측면에서 이커머스 운영에 중요한 여러 핵심 요소에서 비효율이 존재했습니다. 이에 본 프로젝트는 전면적인 UX/UI 리디자인을 통해 사용자 흐름을 최적화하고, 전환을 유도하는 구조와 데이터 기반의 콘텐츠 설계를 도입했습니다.
특히 검색과 탐색, 제품 상세 구조, CTA 배치 등 구매 여정의 전환 지점을 전략적으로 재설계해 전환율을 높이고 이탈률을 줄이는 데 중점을 두었으며, 협동조합만의 철학과 스토리를 반영한 브랜드 콘텐츠 경험을 통합함으로써 커뮤니티 기반 신뢰 또한 강화했습니다. 동시에 SEO 최적화, 반응형 UI 구현 등 이커머스 플랫폼으로서의 기술적 기반도 정비해, 브랜드 정체성과 상업적 성과를 모두 만족시키는 쇼핑 경험을 구축했습니다.
기존 플랫폼은 사용자 경험(UX), 상품 탐색 구조, 브랜드 일관성, 그리고 전환율 측면에서 이커머스 운영에 중요한 여러 핵심 요소에서 비효율이 존재했습니다. 이에 본 프로젝트는 전면적인 UX/UI 리디자인을 통해 사용자 흐름을 최적화하고, 전환을 유도하는 구조와 데이터 기반의 콘텐츠 설계를 도입했습니다.
특히 검색과 탐색, 제품 상세 구조, CTA 배치 등 구매 여정의 전환 지점을 전략적으로 재설계해 전환율을 높이고 이탈률을 줄이는 데 중점을 두었으며, 협동조합만의 철학과 스토리를 반영한 브랜드 콘텐츠 경험을 통합함으로써 커뮤니티 기반 신뢰 또한 강화했습니다. 동시에 SEO 최적화, 반응형 UI 구현 등 이커머스 플랫폼으로서의 기술적 기반도 정비해, 브랜드 정체성과 상업적 성과를 모두 만족시키는 쇼핑 경험을 구축했습니다.

사전예약 페이지

모바일 랜딩페이지

채소/버섯 카테고리 페이지