전자상거래 웹사이트

Verdant Farm

차 한 봉지마다 그 로트만의 이야기가 담겨 있고, 구매자는 QR 코드 한 번만 스캔하면 확인할 수 있습니다.

고객: 럼동성의 유기농 차·농산물 브랜드
산업 분야: 친환경 농업
서비스: 웹사이트 제작
수행 기간: 12주
연도: 2025

프로젝트 개요

업무 범위

콘텐츠 전략UI 디자인쇼핑몰 웹사이트기술 SEO

유기농으로 차를 재배하는 농장에서 시작한 이 브랜드는 장터와 소셜 미디어를 통해 꾸준한 단골 고객층을 확보했지만, 자체 판매 채널은 없었습니다. 상품 정보는 채널마다 제각각이었고 주문은 손으로 기록했으며, 고객이 가장 많이 묻는 “이 차는 언제, 어디에서 딴 것인가요?”라는 질문에도 쉽게 검증할 수 있는 답을 드리지 못하고 있었습니다.

프로젝트의 목표는 농장의 이야기를 전하고, 모바일에서 빠르게 로딩되며, 유기농 차 관련 키워드 검색 결과에서 자리를 잡는 전자상거래 웹사이트를 만드는 것이었습니다. 또한 구매자가 포장의 QR 코드를 스캔해 지금 손에 든 바로 그 로트의 여정을 확인할 수 있도록 하고자 했습니다.

과제

흩어진 로트 데이터

수확일, 덖음 가공일, 검사 결과가 기록 노트와 휴대폰 사진에 흩어져 있어, 이력 추적 페이지에 올리기 전에 표준화가 필요했습니다.

아름답지만 무거운 이미지

고해상도 차밭 사진은 소중한 브랜드 자산이지만, 원본 그대로 사용하면 모바일 네트워크에서 페이지가 크게 느려집니다.

경쟁이 치열한 키워드

유기농 차 키워드에는 대형 오픈마켓이 다수 참여하고 있어, 정면 승부보다는 틈새를 공략하는 콘텐츠 전략이 필요했습니다.

GREEN TECH의 솔루션

상품 페이지와 아티클은 정적 렌더링 방식으로 Next.js와 Tailwind CSS로 구현하고, Cloudflare 엣지 네트워크로 배포해 로딩 시간을 단축했습니다. 백엔드에서는 NestJS와 PostgreSQL이 주문, 재고, 로트 데이터를 관리하며, 로트마다 전용 이력 추적 페이지로 연결되는 QR 코드를 발급합니다. 이미지는 최신 포맷으로 압축하고 사용자가 스크롤해 도달할 때만 불러오도록 해, 농장의 시각적 매력은 그대로 살리면서 페이지를 가볍게 만들었습니다. 사용자에게는 더 빠르고, 대역폭은 더 절약됩니다.

주요 기능

QR 기반 로트 이력 추적

포장의 코드를 스캔하면 해당 로트의 재배 지역, 수확일, 가공일, 검사 결과를 확인할 수 있습니다.

모바일 최적화 쇼핑몰

장바구니, 포장 규격 선택, 결제 과정을 휴대폰에서 한 손으로도 편리하게 조작할 수 있도록 설계했습니다.

SEO 최적화 콘텐츠

차 우리는 법 가이드, 재배 지역 이야기, 상품 페이지에 구조화 데이터와 체계적인 내부 링크를 적용했습니다.

쉬운 관리 기능

농장 직원이 기술 지식 없이도 관리자 페이지에서 새 로트, 상품, 아티클을 직접 업데이트할 수 있습니다.

주요 성과

1.3초

모바일 페이지 로딩

+46%

6개월 후 자연 유입

+22%

재구매율

웹사이트를 통해 브랜드는 소셜 미디어에 전적으로 의존하지 않고 자체 판매 채널을 주도적으로 운영할 수 있게 되었습니다. QR 이력 추적 페이지는 고객이 가장 많이 언급하는 접점이 되었으며, 유기농 재배 약속을 뒷받침하는 구체적인 증거가 되었습니다. 가벼운 인프라 덕분에 월 운영 비용도 소규모 농업 기업에 적합한 수준으로 유지되고 있습니다.