Detail Page Design

Bitter Melon
Juice Page

원재료의 이야기를 따라 구매로 이어지는 흐름을 설계한 식품 상세페이지

여주 주스 상세페이지는 제품 자체보다 여주라는 원재료의 가치와 출발점을 먼저 보여주는 구성으로 설계되었습니다. 자연을 연상시키는 그린 톤을 중심으로 재배 환경과 원물 이미지를 배치해 신뢰감을 형성하고, ‘어디서 왔는지’를 이해하는 과정이 곧 제품에 대한 관심으로 이어지도록 흐름을 만들었습니다.

Client

Food Brand
Product Team

Scope

Detail Page
Contents Design

Category

Food
Health Product

Role

Story Flow
Visual Direction

Bitter Melon Juice Detail Page Main Visual

PROJECT OVERVIEW

본 프로젝트는 단순한 음료 소개가 아니라, 원재료에서 시작되는 이야기 구조를 통해 제품에 대한 신뢰와 관심을 단계적으로 형성하는 데 초점을 두었습니다. 여주의 재배 환경, 원물 이미지, 자연스러운 컬러 무드를 중심으로 소비자가 제품의 출발점을 이해하고, 그 이해가 자연스럽게 구매 판단으로 이어지도록 상세페이지의 흐름을 설계했습니다.

DESIGN APPROACH

페이지는 여주의 재배 과정과 특징을 시작으로, 착즙 방식과 제품화 과정을 단계적으로 풀어냅니다. 각 단계는 이미지와 간결한 문장으로 정리해 정보 부담을 줄이고, 소비자가 자연스럽게 다음 화면으로 넘어가도록 유도했습니다. 건강 식품에 필요한 신뢰와 이해를 동시에 확보하는 구성을 목표로 했습니다.

01

Origin
Storytelling

제품보다 원재료의 출발점을 먼저 보여주어 소비자가 자연스럽게 브랜드와 제품을 이해하도록 구성했습니다.

02

Step-based
Information

재배, 가공, 섭취로 이어지는 흐름을 단계적으로 정리해 상세페이지의 정보 전달력을 높였습니다.

03

Natural
Trust Mood

자연을 연상시키는 그린 톤과 원물 이미지를 활용해 건강 식품에 필요한 신뢰감을 형성했습니다.

Visual Archive

여주 주스를 즉각적인 효능 중심 상품이 아니라, 원재료를 이해한 뒤 선택하는 건강 관리의 한 방식으로 제안했습니다.

Bitter Melon Juice Detail Page Visual Archive

Result

원재료의 신뢰를 제품 선택으로 연결한
스토리형 식품 상세페이지 디자인 사례입니다.