PRODUCT DETAIL PAGE DESIGN

유니팜 점프업
상세페이지 디자인

성장기 어린이의 활력을 위한 비타민B6, 칼슘, 아연 성분과 안심할 수 있는 무첨가 원칙을 담은 점프업 상세페이지 디자인입니다. 클라이언트의 텍스트 기반 요청 사항을 바탕으로 원재료의 신뢰도와 체계적인 성분 배합을 스크롤 흐름에 따라 직관적으로 풀이하고, 모바일 가독성을 극대화한 맞춤형 디자인입니다.

맞춤형 상세페이지 디자인
상세페이지
디자인 100%
Photoshop, Illustrator
3일
PROJECT OVERVIEW

스크롤을 이끄는 스토리텔링과 레이아웃의 시각화.

디자인의 목적: 클라이언트가 제공한 원본 기획서의 핵심 문구들과 제품 누끼 컷을 부모와 아이의 심리에 맞춘 키즈 헬스케어 비주얼 스토리텔링으로 재해석하는 것이었습니다. 단순 줄글로 나열되어 있던 비타민B6, 칼슘, 아연의 기능성 정보와 스테아린산·이산화티타늄·HPMC 3무(無)첨가 안심 지표, 그리고 위생적인 GMP 인증 제조 공정을 명확한 그래픽 위계로 재정리하여 제품의 프리미엄 가치와 신뢰도를 극대화하는 데 집중했습니다.

타겟 세그먼트: 자녀의 균형 잡힌 성장과 영양 밸런스를 위해 꼼꼼하게 성분을 비교 분석하는 똑똑한 부모층 및 친근한 비주얼과 맛있는 섭취 환경을 선호하는 어린이 소비자층.

디자인 전략 포인트: 클라이언트의 요청 내용을 완벽히 반영하면서 시각적 몰입감을 높이기 위해, 상단에는 아이들에게 친숙하게 다가갈 수 있는 귀여운 공룡 캐릭터 일러스트와 깔끔한 패키지 레이아웃을 전면에 배치했습니다. 복잡한 성장기 영양 데이터와 원재료의 수치적 강점은 가로형 그리드 구조와 가독성이 높은 인포그래픽 디자인으로 변환하여, 모바일 환경에서도 스크롤에 따라 쉽고 빠르게 인지되도록 최적화했습니다.

PRODUCT VISUAL

제품의 아이덴티티를 담은 첫인상

점프업 썸네일
CORE VALUE

콘텐츠 흐름과 완벽히 매칭되는 4대 그래픽 전략

IMPACT INTRO

클라이언트가 요청한 어린이 영양제 고유의 친근하고 신뢰감 있는 무드를 패키지 캐릭터 일러스트와 깔끔한 화이트&레드 타이포 가독성 조합으로 구현하여 초입 단계의 시선을 사로잡았습니다.

INGREDIENT TRUST

텍스트로 전달받은 비타민B6, 칼슘, 아연의 배합 가치와 3무 첨가 원칙 지표들을 직관적인 기능성 픽토그램 및 명확한 그래픽 위계로 가공하여 성분의 안전성을 시각화했습니다.

PROCESS VISUALIZATION

철저한 GMP 및 건강기능식품 인증 정보와 스틱 타입 액상의 편리한 조리/섭취 가이드를 정돈된 그리드 레이아웃과 감각적인 카드 그래픽으로 풀이하여 구매 설득력을 높였습니다.

MOBILE READABILITY

아이콘과 원료 가이드 텍스트가 조화롭게 추가되는 장형 화면 구성 속에서도 전체 영역의 자간, 행간, 오브젝트 크기 밸런스를 세밀하게 조율하여 모바일 디스플레이에서 최적의 가독성을 실현했습니다.

DETAILED VIEW

전체 상세페이지 디자인 보기

점프업 Full Detail Page
Scroll Down
KEY ACCOMPLISHMENTS

디자인 흐름과 시각화에 대한 프로젝트 만족도

요청 사항의 완벽한 비주얼 밸런스

전달된 텍스트 가이드와 어린이 타겟의 기획 소스들이 정돈된 레이아웃 위에 유기적으로 배치되어, 제품이 가진 신뢰감과 친근한 매력이 눈으로 먼저 느껴지도록 훌륭하게 시각화되었습니다.

정보를 지루하지 않게 푸는 힘

아이 성장에 꼭 필요한 핵심 영양 분석 데이터와 자칫 건조할 수 있는 무첨가 원칙 정보가 감각적인 인포그래픽과 명확한 위계로 풀이되어 있어, 소비자층이 이탈 없이 끝까지 읽을 수 있는 설득력을 갖췄습니다.

모바일에 최적화된 높은 시인성

많은 양의 전문적인 성분 설명 및 함량 정보가 포함된 요청 사항이었음에도 정보 구획이 명확하고 화면의 강약 조절이 뛰어난 덕분에, 모바일 디스플레이에서도 가독성이 무척 선명하고 쾌적합니다.