Detail Page Design
MOVE
COFFEE
강한 컬러 포인트와 제품 다양성을 활용한 브랜드 확장형 상세페이지
모브커피 상세페이지는 옐로우 컬러를 메인 포인트로 활용해 브랜드의 개성과 에너지를 명확하게 드러냅니다. 단일 제품 설명에 그치지 않고, 다양한 캡슐 라인업과 활용 방법을 함께 보여주는 구조로 설계해 브랜드의 폭과 선택의 즐거움을 효과적으로 전달했습니다.
PROJECT OVERVIEW
본 프로젝트는 모브커피를 단순한 캡슐 커피 제품이 아닌, 취향에 따라 고르고 즐기는 커피 경험으로 전달하는 데 초점을 두었습니다. 옐로우 컬러의 강한 포인트와 다양한 제품 라인업을 활용해 브랜드의 에너지와 확장성을 시각적으로 보여주었습니다.
DESIGN APPROACH
제품 컷, 사용 컷, 라인업 비교를 교차 배치해 구경하는 재미와 선택의 즐거움을 동시에 제공했습니다. 모바일 환경에서도 브랜드 세계관이 자연스럽게 인지되도록 정보 흐름을 구성했으며, 각 캡슐의 특징과 활용 방식을 직관적으로 보여주어 사용자가 자신의 취향에 맞는 제품을 쉽게 선택할 수 있도록 설계했습니다.
Yellow
Brand Energy
강한 옐로우 컬러 포인트로 브랜드의 개성과 활력을 명확하게 드러냈습니다.
Capsule
Lineup
다양한 캡슐 라인업을 비교 가능한 구조로 배치해 제품 선택의 폭을 효과적으로 전달했습니다.
Taste
Experience
커피를 한 잔의 제품이 아닌 취향과 사용 장면이 연결되는 경험으로 확장했습니다.
VISUAL FLOW
상세페이지는 제품 이미지에서 시작해 사용 장면, 라인업 비교, 활용 방법으로 이어지는 구조를 가집니다. 스크롤을 따라가며 브랜드의 개성과 제품 다양성이 자연스럽게 누적되도록 설계해, 사용자가 구경하는 재미 속에서 자신의 취향을 발견할 수 있도록 구성했습니다.
Visual Archive
옐로우 컬러 포인트, 제품 컷, 사용 컷, 라인업 비교를 연결해 모브커피의 브랜드 세계관과 선택의 즐거움을 시각적으로 전달했습니다.
Result
커피를 취향과 선택의 경험으로 확장한
브랜드형 캡슐커피 상세페이지 디자인 사례입니다.