Brief의뢰와 배경
Terra Market 은 국내 산지 직송 농산물 D2C 커머스의 가을 시즌 캠페인을 준비했습니다. 문제는 시즌 제품이 계속 바뀌는 가운데 랜딩 한 페이지로 브랜드 톤·제품 스토리·구매 전환을 모두 책임져야 한다는 점이었습니다. 기존 랜딩은 이미지가 무겁고 모바일 LCP 가 4초를 넘었습니다.
Challenge풀어야 했던 문제
감성적 랜딩과 고효율 커머스 페이지를 분리해 운영하는 업계의 관행을 거부하고, 하나의 페이지에서 “감정 → 정보 → 행동” 의 흐름을 한 번에 만드는 것. 그러면서도 Core Web Vitals 를 모두 Green 안에 넣어야 했습니다.
Approach우리의 접근
섹션마다 “한 농가 하나의 이야기” 를 작은 다큐멘터리 단위로 배치하고, 각 스토리 아래에 해당 상품으로 바로 이어지는 가볍게 스크롤되는 카트를 붙였습니다. 이미지는 AVIF + LQIP · Edge CDN · critical CSS 인라인으로 LCP 1.6초를 달성했습니다.
Process작업 과정
리서치 (1주)
기존 구매자 8명 정성 인터뷰 · 경쟁 랜딩 24개 오딧.
컨셉 (1주)
3개 와이어프레임 + 무드보드. 선택된 방향으로 HiFi 시안.
개발 (3주)
Next.js 14 · Tailwind · 이미지 파이프라인 · 번역 대응.
A/B 테스트 (1주)
5개 섹션 순서 A/B · 히어로 카피 3안 A/B.
Results결과
1.6s
LCP (모바일 · 이전 4.1s)
+134%
캠페인 기간 전환율
94
Lighthouse Performance (모바일)
18만
첫 4주 순 방문자
Credits크레딧
- Design Lead: GRAV
- Frontend: GRAV
- Copy: GRAV
- Photography: (샘플)
- Data: (샘플)
* 본 케이스는 샘플 콘텐츠입니다. 실제 레퍼런스는 문의를 통해 개별 공유합니다.