고객과 함께한 시간
루테인 지아잔틴 상세페이지
디자인아트플러스가 제작한 휴온스 루테인지아잔틴 건강기능식품 상세페이지 포트폴리오.
마리골드꽃추출물 원료와 성분 함량, GMP 제조, 1일 1캡슐 섭취법을 여섯 가지 포인트로 나누고 패키지의 파란색으로 통일한 신뢰감 있는 상세페이지입니다.
- CLIENT.
- 휴온스
- Year.
- 2021






- 프로젝트 설명
- 디자인아트플러스는 휴온스의 건강기능식품 「루테인지아잔틴」 상세페이지를 기획·디자인했습니다. 건강기능식품은 어느 회사가 만들었는지, 어떤 원료가 얼마나 들어 있는지, 매일 먹기 편한지를 확인하고 구매를 결정하는 상품입니다. 그래서 「왜 휴온스 루테인지아잔틴일까?」라는 질문에 여섯 가지 아이콘으로 답한 뒤 포인트 01~06을 차례로 펼치고, 추천대상·제품정보·영양정보·주의사항으로 마무리하는 구성으로 설계했습니다.
[주요 구축 내용]
상품 특성: 마리골드꽃추출물인 루테인지아잔틴복합추출물 20mg(루테인 18.182mg·지아잔틴 1.818mg)에 셀렌·비타민E·아연·비타민A를 더한 500mg x 30캡슐, 식품의약품안전처 기준 GMP 업체 제조, 1일 1회 1캡슐과 개별 PTP 포장을 근거로 정리
트렌드 반영: 스마트폰·컴퓨터·TV를 오래 보는 일상에서 영양을 챙기려는 흐름을 추천대상 체크 목록과 「보관도, 섭취도 간편하게!」라는 메시지로 연결
컬러 전략: 패키지의 코발트 블루를 주조색으로 흰 배경과 남색 띠를 번갈아 쓰고, 노란 마리골드꽃과 자홍·주황 원형 그래픽으로 두 성분을 구분해 깨끗하면서도 또렷한 인상
UI/UX 구성: 메인 비주얼 → 왜 휴온스일까(아이콘 6개) → 포인트 01 회사·GMP → 02 핵심성분 → 03 인체적용시험 자료 → 04 1일 권장량 함유 → 05 복합성분 → 06 간편한 섭취 → 요약 4가지 → 추천대상 → 건강정보 → 제품정보·영양정보·주의사항 순으로 구성
구매 설득 포인트: 원료 원산지와 함량, 제조원과 판매원, 시험 출처를 그대로 밝혀 확인할 수 있는 근거를 쌓고, 블리스터 포장과 물컵 연출로 하루 한 알을 쉽게 챙길 수 있다는 확신을 줌
FAQ
건강기능식품은 제조사와 GMP 같은 제조 기준, 원료명과 함량, 1일 섭취량과 섭취 방법을 분명하게 보여 주는 것이 가장 중요합니다. 알레르기 유발 성분과 섭취 시 주의사항, 보관 방법도 표로 정리해 누구나 확인할 수 있게 둬야 합니다. 기능성 문구는 인정받은 표현 그대로 쓰고, 효과를 단정하는 말은 피하는 것이 안전합니다.
마리골드꽃과 파란 패키지 연출의 메인 비주얼로 시작해 「왜 휴온스 루테인지아잔틴일까?」라는 질문에 아이콘 여섯 개로 답했습니다. 이어서 회사와 GMP, 핵심성분, 인체적용시험 자료, 1일 권장량 함유, 복합성분, 간편한 섭취를 포인트 01~06으로 펼치고 추천대상, 제품정보, 영양정보, 주의사항 순으로 마무리했습니다.
정보가 많을수록 처음에 핵심을 아이콘 몇 개로 요약해 보여 주고, 아래에서 번호를 붙여 하나씩 풀어 주는 구성이 휴대폰에서 읽기 편합니다. 휴온스 루테인지아잔틴은 포인트마다 같은 모양의 번호 배지를 붙이고 한 화면에 한 가지 내용만 담았으며, 성분 함량처럼 중요한 숫자는 크게 키워 스크롤 중에도 눈에 들어오게 했습니다.
네. 건강기능식품은 원료와 함량, 제조 기준, 주의사항처럼 확인해야 할 정보가 많고 표현에도 신경 써야 해서 정보 정리와 흐름 설계가 중요합니다. 디자인아트플러스는 2005년 창업 이후 식품·건강식품을 비롯한 다양한 상세페이지를 제작해 왔고, 「매출 팍팍 포토샵 상세페이지 디자인」, 「쇼핑몰 상품페이지 전략」 등 전문 서적을 직접 집필했습니다.
