Routein Shopify D2C 전환 최적화

Project Case Study

Routein Shopify D2C 전환 최적화

기존 Shopify 스토어의 구매 흐름과 상품 구조를 직관적으로 재정리하고, 구독/프로모션/모바일 사용성까지 포함해 실제 구매 전환 경험을 개선한 프로젝트입니다.

라이브 프로젝트 보기
카테고리
Shopify D2C Store Optimization
클라이언트
Routein Foods Inc.
유형
E-commerce Store Improvement
역할
기존 Shopify 스토어 개선: 구매 퍼널 정비, 상품 variant 구조 재설계, 전환 요소/모바일 UI/정책 페이지 정리
목표
외부 구매 유도 중심의 흐름을 Shopify 내부 직접 구매 흐름으로 복구하고, 구독/문의/모바일 사용성까지 포함해 D2C 전환 경험을 최적화한다.
범위
장바구니-체크아웃 흐름 복구, 이메일 구독 팝업 및 할인코드 노출, tawk.to 위젯 설치, Flavor/Package 기반 상품 구조 재정리, Trial 패키지 신설 및 상품 보강, 모바일 UI 및 카트 UI 개선, 정책/표기 품질 정비

개요

Routein Foods Inc.는 식물성 단백질과 슈퍼푸드 제품을 판매하는 브랜드입니다.

이번 프로젝트는 기존 Amazon 중심 판매 흐름에서 벗어나, Shopify 스토어 안에서 고객이 상품을 탐색하고 바로 구매까지 이어질 수 있는 직접 판매(D2C) 경험을 구축하는 데 초점을 맞췄습니다.

프로젝트 결과는 routein.ca에서 확인할 수 있습니다.

Problem

프로젝트 시작 당시 Routein 스토어는 브랜드와 제품 자체는 잘 갖춰져 있었지만, 실제 구매 경험 측면에서는 몇 가지 한계가 있었습니다.

가장 큰 문제는 상품 페이지의 구매 버튼이 Shopify 내부 구매 흐름이 아니라 Amazon 링크로 연결되어 있었다는 점이었습니다.

고객이 사이트에서 제품을 확인하더라도 실제 구매는 외부 플랫폼으로 이동해야 했고, 브랜드 스토어 안에서 일관된 구매 경험을 만들기 어려운 구조였습니다.

상품 구조와 페이지 구성도 다소 복잡했습니다. 기존에는 variant 구조가 아니라 맛별 개별 상품이 분리되어 있어 flavor와 package option을 직관적으로 이해하기 어려운 지점이 있었고, 메인 페이지와 패키지별 페이지의 상품 노출 방식도 중복되거나 정돈되지 않게 보일 수 있었습니다.

또한 기존 스토어에는 Trial 패키지 구성이 없어, 클라이언트의 추가 요청에 따라 Trial 패키지를 새로 기획·추가해야 했습니다. Trial 상품 설명, 영양 정보, 원재료 정보도 한눈에 이해되도록 정리할 필요가 있었고, 모바일에서는 일부 텍스트와 레이아웃 표현을 더 다듬을 필요가 있었습니다.

여기에 더해 이메일 구독 후 할인코드 제공, 카트 가시성, 라이브 채팅, 정책 페이지 정리 등 전환과 신뢰도에 영향을 주는 요소들도 보완이 필요한 상태였습니다.

수정 전 홈 메인 화면
수정 전 Bulk 컬렉션 화면
수정 전 Sachets 컬렉션 화면
수정 전 Matcha Bulk 상세
수정 전 Matcha Bulk 상품 상세 캡처
수정 전 모바일 홈 화면 캡처
수정 전 모바일 Bulk 컬렉션 캡처
수정 전 모바일 Sachets 컬렉션 캡처
수정 전 모바일 메뉴 캡처
수정 전 모바일 Matcha Bulk 상세 캡처

Amazon 유도형 동선과 기존 홈 구조를 확인할 수 있는 수정 전 메인 화면

1/10

Solution

이번 작업에서는 Shopify 스토어 전반의 흐름을 다시 정리해, 고객이 사이트 안에서 제품을 이해하고 바로 구매까지 이어질 수 있도록 구조를 개선했습니다.

먼저 Amazon 링크 중심이던 구매 흐름을 정리하고, Shopify 기본 장바구니 및 체크아웃 흐름을 복구했습니다.

고객이 외부 플랫폼으로 이동하지 않고 Routein 스토어 안에서 직접 상품을 담고 결제할 수 있도록 구매 경로를 정비했습니다.

상품 구조도 함께 재정비했습니다. Spout, Sachet, Bulk 제품은 variant 기반 구조로 정리해 맛과 사이즈를 보다 직관적으로 선택할 수 있도록 했고, 패키지별 페이지에서는 flavor 중심 탐색이 가능하도록 상품 노출 구조를 조정했습니다.

추가 요청 사항이었던 Trial 패키지는 신규 패키지로 신설하고, Trial Pack 컬렉션 및 제품 상세 흐름까지 연결해 입문 고객의 구매 진입점을 명확히 만들었습니다.

기존에 맛별로 분리돼 있던 개별 상품은 variant 기반 상품으로 통합해 중복 노출을 줄였고, 각 packaging type에서 더 간결하고 비교 가능한 상품 구성만 보이도록 정리했습니다.

신규 방문자의 첫 구매 전환을 돕기 위해 이메일 구독 팝업과 할인코드 즉시 노출 기능을 적용했고, tawk.to 라이브 채팅 위젯을 설치해 고객 문의 대응 환경도 마련했습니다.

또한 아래 항목들을 포함해 실사용성과 신뢰도에 영향을 주는 세부 요소도 함께 개선했습니다.

*

모바일에서 어색하던 텍스트 및 레이아웃 조정

*

모바일 헤더 및 메뉴 구조 정리

*

카트 페이지 정상 노출 및 카트 수량 배지 추가

*

옵션형 상품 가격 범위 표시 적용

*

Terms & Conditions 및 Privacy Policy 페이지 내용 정리

*

홈 화면 및 상품 영역 오타, 표기 불일치 수정

*

Trial 상품 설명, 영양/원재료 정보, 갤러리 표시 방식 보완

*

flavor/packaging 기준의 상품명 및 표기 구조 보완

Routein 홈 히어로
Routein 홈 상품 영역
구독 및 프로모션 노출 화면
Bulk 컬렉션 페이지
Trial Pack 컬렉션 페이지
Bulk 제품 상세
Bulk 제품 상세 확장 화면
Trial 제품 상세
카트 페이지
개선 후 모바일 홈 화면 캡처
개선 후 모바일 카트 화면 캡처
개선 후 모바일 카트 배지 캡처
개선 후 모바일 Trial Pack 상세 캡처

브랜드 메시지와 주요 구매 진입 경로가 정리된 홈 히어로 화면

1/13

Outcome

이번 프로젝트를 통해 Routein은 기존 Amazon 유도형 구조에서 벗어나, Shopify 스토어 안에서 브랜드 경험과 구매 경험이 자연스럽게 이어지는 직접 판매 중심의 D2C 구조를 갖추게 되었습니다.

고객은 이제 사이트 안에서 제품을 더 쉽게 이해하고, flavor와 packaging option을 더 명확하게 탐색하며, 장바구니와 체크아웃까지 일관된 흐름으로 이어질 수 있습니다.

또한 이메일 구독, 할인코드 제공, 라이브 채팅, 카트 가시성, 모바일 최적화 같은 전환 요소까지 보완되면서, 전체 스토어 경험이 더 명확하고 구매 친화적인 방향으로 개선되었습니다.