[농가 직거래 랜딩페이지 구축 사례] 전환율을 고려한 스토리텔링형 UI/UX 설계

이번 붓박스 프로젝트는 농가 직거래 방식으로 수박을 판매하는 프로모션 페이지로, 단순 상품 소개를 넘어 소비자의 신뢰 형성과 구매 전환까지 이어지는 랜딩페이지 구조 설계를 중심으로 구축되었습니다.

특히 농산물 특성상 “품질에 대한 신뢰”가 구매 결정에 큰 영향을 미치기 때문에 이를 효과적으로 전달하기 위한 스토리 기반 UI/UX 구성 에 중점을 두었습니다.

메인 페이지

메인 페이지 기획의도

- 첫 화면에서 이벤트성과 상품 매혁 동시 전달

- 이미지 중심 콘텐츠로 직관적인 이해 유도

- 농산물의 신뢰를 확보하기 위한 스토리 흐름 설계

제품 핵심 가치와 정보 메시지를 결합한 메인 비주얼 설계

메인 비주얼은 실제 재배 환경에서 촬영된 수박 이미지를 배경으로 활용하여 상품의 신선도와 생산 환경을 직관적으로 전달할 수 있도록 구성했습니다.

중앙에는 핵심 메시지를 강조한 텍스트 영역을 배치하여 “고당도 흑수박”이라는 제품의 차별 포인트와 프로젝트 성격을 한 번에 인지할 수 있도록 설계했습니다.

특히 강한 컬러 대비와 타이포그래피를 활용하여 사용자의 시선을 자연스럽게 중앙으로 집중시키고 첫 화면에서 상품의 핵심 가치를 빠르게 이해할 수 있도록 구성했습니다.

슬라이드 기반 이미지 노출을 통해 제품 신뢰를 반복적으로 강화하는 인터랙션 중심 UX 설계

해당 섹션은 슬라이드(캐러셀) 구조를 활용하여 제품의 재배 환경과 수확 이미지를 연속적으로 노출하는 방식으로 설계했습니다.

정적인 이미지 나열이 아닌, 사용자의 시선 흐름에 맞춰 이미지가 자연스럽게 전환되도록 구성함으로써 동일한 제품에 대한 다양한 모습을 반복적으로 인지할 수 있도록 했습니다.

이를 통해 사용자는 짧은 시간 내에도 수박의 외형, 색감, 재배 상태 등을 여러 각도에서 확인할 수 있으며, 제품의 품질에 대한 신뢰를 자연스럽게 형성하도록 설계했습니다.

실사용 사례와 메시지를 결합해 서비스 이해와 행동 전환을 유도하는 브릿지형 UX 설계

해당 섹션은 농가의 실제 작업 환경과 봇박스 활용 사례를 함께 보여주며 사용자가 서비스의 필요성을 자연스럽게 인지할 수 있도록 설계된 영역입니다.

특히 수확, 운반 등 농작업 현장의 이미지를 전면에 배치하여 서비스가 실제로 어떤 문제를 해결하는지 직관적으로 전달하며단순 설명이 아닌 사용 상황 기반의 이해를 유도하는 구조로 구성되었습니다.

또한 텍스트 메시지는 “일손 부족”, “농번기”, “작업 효율”과 같은 사용자의 현실적인 고민을 직접적으로 언급함으로써 공감대를 형성하고 서비스 필요성을 강화하는 방향으로 설계되었습니다.

이미지와 메시지 흐름 이후에는 CTA 버튼을 배치하여 정보 인지 → 공감 → 서비스 확인으로 이어지는 자연스러운 전환 흐름을 구성했습니다.

결과적으로 해당 섹션은 단순한 소개 영역이 아닌 사용자의 문제 인식과 해결책을 연결하는 행동 유도 중심의 UX 브릿지 구간으로 설계되었습니다.

---

본 프로젝트는 단순한 농산물 소개 페이지가 아닌 사용자의 관심을 유도하고 신뢰를 형성하며 구매와 서비스 이해까지 이어지도록 설계된

전환 중심 랜딩페이지 구축 사례입니다.

이미지 중심의 직관적인 정보 전달, 스토리 흐름을 고려한 콘텐츠 배치, 그리고 단계적으로 이어지는 행동 유도 구조를 통해 사용자가 자연스럽게 다음 단계로 이동할 수 있도록 UX를 설계했습니다.

특히 농산물이라는 감성 요소와 서비스(봇박스)라는 기능적 요소를 하나의 흐름으로 연결하여 단순한 제품 판매를 넘어 브랜드와 서비스 이해까지 확장되는 구조 로 구현했습니다.

웹사이트는 단순한 정보 전달을 넘어서 사용자의 행동을 설계하는 도구입니다.

해당 프로젝트는 콘텐츠, UI/UX, 그리고 개발 구조가 유기적으로 결합되어 실제 비즈니스 목적에 맞는 결과를 만들어낸 사례입니다.

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →