해피시스 상세페이지

디자인아트플러스가 제작한 해피시스 뷰이스트 더마프로(VUIST DERMA PRO) 상세페이지 포트폴리오.
초음파·고주파·EMS를 하나에 담은 홈케어 디바이스를 세 가지 모드 색으로 구분하고, 사용 방법·해외 인증·주의사항까지 차분한 흑백 톤으로 정리한 상세페이지입니다.

CLIENT.
해피시스
Year.
2025
사이트보기
상세보기상세보기상세보기
프로젝트 설명
디자인아트플러스는 해피시스의 홈케어 디바이스 「뷰이스트 더마프로(VUIST DERMA PRO)」 상세페이지를 기획·디자인했습니다. 뷰티 디바이스는 기능이 여러 가지라 구매자가 「모드마다 무엇이 다른지」와 「집에서 안전하게 쓸 수 있는지」를 확인하고 나서야 결정합니다. 그래서 세 가지 케어 모드를 파랑·주황·초록 빛으로 나눠 보여 주고, 무게와 그립감, 6단계 사용 방법, 국가별 인증, 자주 묻는 질문과 사용 금지 대상까지 차례로 확인하는 구성으로 설계했습니다.

[주요 구축 내용]
상품 특성: 초음파 3MHz·고주파 1MHz·EMS 50Hz 출력, 초음파+EMS+LED·RF+EMS+LED·EMS+LED 세 가지 모드, 본체 153g, 마름모형 헤드와 LV·M 두 버튼, USB-C 충전 거치대, 대한민국 제조와 2년 무상 A/S를 근거로 정리
트렌드 반영: 바쁜 일상 속에서 집에서 직접 관리하는 데일리 홈케어 흐름을 「하루 12분, 3 in 1 기능」과 「사용은 간편하게」라는 메시지로 연결
컬러 전략: 흰색·연회색과 검정 배경을 번갈아 쓰고 무광 검정 본체에 은색 테두리를 살렸으며, GLOW는 파랑·ELASTICITY는 주황·TENSION UP은 초록으로 모드마다 고유 색을 정해 헤드 불빛과 라벨·그래프 색을 맞춤
UI/UX 구성: 메인 비주얼 → 3 IN 1 소개 → 3가지 케어 모드 → 하루 12분 3 in 1 → 제품 디테일컷 → 모드별 상세 01~03 → 흡수 도움 → 무게·그립감 → 인체공학 쉐입 → 체크리스트 → 사용 방법 STEP 01~06 → 국가별 인증 → 자주 묻는 질문 → 주의사항·사용 금지 대상 → 제품 정보 순으로 구성
구매 설득 포인트: KC·CE·UKCA·FCC 인증 완료를 국기 아이콘으로 한눈에 보여 주고, 매일 써도 되는지, 눈가·목에도 쓸 수 있는지 같은 실제 궁금증과 사용 금지 대상을 미리 알려 처음 사는 고객의 불안을 줄임

FAQ

  • 뷰티 디바이스는 기능이 여러 가지라 모드마다 어떤 기술을 쓰는지, 하루에 얼마나 쓰는지, 어떻게 조작하는지를 쉽게 정리해 보여 주는 것이 가장 중요합니다. 피부에 직접 닿는 기기인 만큼 인증, 주의사항, 사용 금지 대상도 숨기지 말고 분명히 담아야 하고, 효과를 단정하는 표현보다 기능과 사용법 중심으로 쓰는 것이 안전합니다.

  • 「스킨케어 올인원 토탈 케어 디바이스」라는 메인 문구와 제품컷으로 시작해, 파랑·주황·초록 빛으로 구분한 세 가지 케어 모드를 먼저 보여 줬습니다. 이어서 모드별 상세 설명, 153g 무게와 그립감, 인체공학 쉐입, 체크리스트, 6단계 사용 방법, 국가별 인증, 자주 묻는 질문, 주의사항, 제품 정보 순으로 구성했습니다.

  • 인증서는 글자가 작아 그대로 올리면 잘 읽히지 않으므로, 어느 나라의 어떤 인증인지를 아이콘과 짧은 이름으로 따로 정리해 주는 것이 좋습니다. 뷰이스트 더마프로는 한국·유럽·영국·미국 국기 아이콘 아래에 KC·CE·UKCA·FCC 인증 완료를 나란히 배치해, 스크롤을 빠르게 내려도 안심할 근거가 한눈에 들어오도록 했습니다.

  • 네. 뷰티 디바이스처럼 기능과 조작법이 많은 제품은 모드별 색 구분, 단계별 사용 사진, 주의사항 정리처럼 정보를 쉽게 나누는 설계가 중요합니다. 디자인아트플러스는 2005년 창업 이후 다양한 분야의 상세페이지를 제작해 왔고, 「매출 팍팍 포토샵 상세페이지 디자인」, 「쇼핑몰 상품페이지 전략」 등 상세페이지 전문 서적을 직접 집필했습니다.

고민은 시작을 늦출 뿐입니다.
간편하게 무료 견적 받아보세요.

궁금한게 있으신가요?

자체기술로 개발한 챗봇

챗봇 아이콘