Selected Work
E-commerce / Fashion
이커머스 브랜드 리브랜딩 사이트
브랜드 아이덴티티를 재정립하고 전환율 최적화된 커머스 사이트를 Next.js로 새로 구축했습니다.
PRJ-003 — 프로젝트 히어로 이미지
Client
무인양품 코리아
Industry
E-commerce / Fashion
Duration
10주
Stack
Next.jsTailwind CSSContentfulVercelGA4
문제
기존 웹사이트는 5년 전에 제작되어 모바일 경험이 좋지 않았고, 페이지 로딩 속도도 느렸습니다. 브랜드 리브랜딩에 맞춰 새로운 비주얼 아이덴티티를 반영해야 했고, 무엇보다 구매 전환율을 개선하는 것이 핵심 과제였습니다.
PRJ-003 — before
기존 웹사이트 — 모바일 최적화 미흡, 4.2초 로딩
접근
기존 사이트의 GA 데이터를 분석하여 이탈이 많은 페이지와 사용자 동선을 파악했습니다. 상세 페이지에서 장바구니로 이동하는 비율이 업계 평균의 절반 수준이었습니다. 결제 과정의 마찰을 줄이고, 제품 스토리텔링을 강화하는 방향으로 전략을 수립했습니다.
구축
Next.js App Router로 SSR+ISR 하이브리드 렌더링을 구현하여 초기 로딩 속도를 개선했습니다. 상품 콘텐츠는 Contentful CMS로 관리하여 마케팅팀이 자체 업데이트할 수 있도록 했습니다. 결제 플로우를 5단계에서 3단계로 축소하고, 장바구니 페이지 없이 바로 결제로 이동하는 빠른 구매 경로를 추가했습니다.
PRJ-003 — after
리뉴얼 사이트 — Next.js SSR, 1.1초 로딩
결과
리뉴얼 후 전환율이 2.3배 상승했습니다. 페이지 로딩 속도는 4.2초에서 1.1초로 개선되었고, 모바일 이탈률도 35% 감소했습니다. CMS 도입으로 상품 업데이트에 걸리는 시간이 평균 2일에서 30분으로 단축되었습니다.
2.3×
전환율 상승
1.1초
페이지 로딩 속도
35%
모바일 이탈률 감소