PRODUCT DETAIL PAGE DESIGN

유니팜 UV케어 히알뷰티
상세페이지 디자인

피부 보습을 채우는 히알루론산과 자외선 케어를 돕는 비타민C 성분의 가치를 담은 UV케어 히알뷰티 상세페이지 디자인입니다. 건강기능식품이 가진 원재료의 신뢰도와 체계적인 제조 공정을 스크롤 흐름에 따라 직관적으로 전달하고, 제로베이스에서 제품의 아이덴티티를 구축한 맞춤형 디자인입니다.

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

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

디자인의 목적: 가이드라인이나 별도의 비주얼 컨셉 없이, 오직 원본 텍스트 문구와 제품 누끼 이미지만 주어진 환경에서 제로베이스로 비주얼 아이덴티티를 구축하는 것이 본 프로젝트의 핵심 과제였습니다. 정형화되지 않은 텍스트 중심의 복잡한 제조 공정과 인체적용시험 지표들을 명확한 그래픽 위계로 재정리하여 콘텐츠 소구력을 극대화하고자 했습니다.

타겟 세그먼트: 일상 속 자외선 차단과 피부 보습을 동시에 관리하고자 하는 이너뷰티 소비자층 및 제품의 제조 과정과 핵심 성분의 안전성을 꼼꼼히 확인하는 합리적 탐색층.

디자인 전략 포인트: 밋밋할 수 있는 누끼 컷에 생동감을 불어넣기 위해 브랜드 시그니처 컬러를 활용한 감각적인 그라데이션 배경과 맑고 깨끗한 톤앤매너를 직접 설계했습니다. 본문으로 이어지는 성분 배합 특성은 와이드한 이미지 컷과 입체적인 타이포그래피의 시각적 대비를 활용해 모바일 환경에서의 정보 인지 속도를 최적화했습니다.

PRODUCT VISUAL

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

UV케어 히알뷰티 썸네일
CORE VALUE

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

CONCEPT CREATION

기존 컨셉이 부재했던 단조로운 누끼 이미지 위에 제품 고유의 생기와 이너뷰티 무드를 극대화하는 비주얼 톤을 무에서 유로 창조하여 임팩트 있는 인트로를 완성했습니다.

INGREDIENT TRUST

과학적인 원재료의 성분 신뢰도와 핵심 지표 요소를 스크롤 초입에 배치하는 체계적인 화면 연출을 통해 제품에 대한 깊은 신뢰감을 부여합니다.

PROCESS VISUALIZATION

철저한 제조 공정의 특장점과 기능성 복합 배합의 메커니즘을 고화질 연출 컷과 정돈된 가로형 그리드 레이아웃으로 직관성 있게 시각화했습니다.

MOBILE READABILITY

다양한 디스플레이 환경을 고려하여 장형 이미지 안에서도 자간, 행간, 그래픽 오브젝트의 비율을 조율해 스크롤 시 지루함 없는 가독성을 확보했습니다.

DETAILED VIEW

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

UV케어 히알뷰티 Full Detail Page
Scroll Down
KEY ACCOMPLISHMENTS

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

무에서 유를 창조한 컨셉 기획

가이드나 기획 방향성 없이 텍스트와 원본 누끼만 전달했음에도, 브랜드가 나아가야 할 이너뷰티 고유의 맑고 생기 있는 톤앤매너를 완벽하게 도출해 냈습니다.

성분 신뢰도를 높인 그래픽 위계

다소 복잡하고 건조할 수 있는 건기식 원재료 수치와 인체적용시험 그래프들을 직관적이고 세련된 비주얼 라이징으로 풀어내어 제품의 소구력을 높였습니다.

모바일에 최적화된 시인성

단조로울 수 있는 레이아웃에 강약 조절과 폰트 대비를 훌륭하게 적용하여, 정보량이 많은 장형 상세페이지임에도 모바일 화면에서 끝까지 몰입감 있게 읽힙니다.