고객과 함께한 시간
에스티프로 (ST-PRO) 상세페이지
디자인아트플러스가 제작한 에스티프로(ST-PRO) 실시간 발열체크 스마트워치 상세페이지 포트폴리오.
발열 체크 알림과 심박수·수면·운동 기록, 통화 기능을 아이콘 목록과 스펙 표로 정리하고, 3가지 컬러와 FAQ까지 담은 상세페이지입니다.
- CLIENT.
- 에스티프로 (ST-PRO)
- Year.
- 2022


- 프로젝트 설명
- 디자인아트플러스는 에스티프로의 「ST-PRO 실시간 발열체크 스마트워치」 상세페이지를 기획·디자인했습니다. 스마트워치는 기능이 많은 만큼, 구매자가 「나에게 필요한 기능이 있는지」와 「스마트폰과 연결해 쉽게 쓸 수 있는지」를 꼼꼼히 비교하고 결정합니다. 그래서 대표 기능인 발열 체크 알림으로 시작해 리얼 리뷰, 핵심 기능 세 가지, 전용 앱, 기능 아이콘 목록, 컬러, 스펙 표, 자주 묻는 질문으로 이어지는 구성으로 설계했습니다.
[주요 구축 내용]
상품 특성: 착용만 하면 실시간으로 발열을 체크해 37.5도 이상일 때 알림, 심박수·산소포화도·수면 체크와 15가지 운동관리, 전화 수신·발신과 음악 감상, 전용 앱 FunKeep 30일 기록, 1.69인치 IPS HD 화면, IP67 방수, 200mAh 배터리를 근거로 정리
트렌드 반영: 일상에서 스스로 건강과 운동을 기록하는 흐름을 「여러분의 필수 건강관리 생활 필수템」과 앱 데이터 관리로 연결
컬러 전략: 연회색 첫 화면과 검정·짙은 회색 섹션에 로고와 같은 빨강을 포인트로 쓰고, 기능 목록은 파랑 그라데이션 배경 위에 검정 워치 화면 아이콘을 세로로 놓아 기기의 화면이 또렷하게 보이도록 구성
UI/UX 구성: 메인 비주얼(3색) → 건강관리 공감 → 리얼 리뷰 → 제품 소개 → 핵심 기능 3가지 → 전용 앱 FunKeep → 기능 아이콘 목록 → 브론즈 골드·아스트로 블랙·미스틱 실버 → SPEC·FUNCTION 표 → 상세사진 → 자주 묻는 질문 → A/S·교환 안내 → 고객센터 순으로 구성
구매 설득 포인트: 손목에 찬 실제 사진과 워치 화면 캡처로 기능을 눈으로 확인시키고, 통화 연결·워치페이스 변경·충전 방법 같은 실제 문의를 FAQ로 미리 풀어 구매 후 사용 걱정을 줄임
FAQ
스마트워치는 기능이 많아 모두를 같은 크기로 늘어놓으면 오히려 기억에 남지 않습니다. 제품을 대표하는 기능 하나를 앞쪽에 크게 보여 주고, 나머지 기능은 실제 워치 화면 아이콘과 짧은 설명으로 목록화하는 것이 좋습니다. 스마트폰 연결 방법과 전용 앱 화면도 함께 보여 줘야 구매자가 쓰는 모습을 쉽게 떠올립니다.
「실시간 발열체크 스마트워치」 메인 문구와 세 가지 컬러 제품컷으로 시작해, 37.5도 이상일 때 알려 주는 발열 체크 기능과 리얼 리뷰를 보여 줬습니다. 이어서 핵심 기능 세 가지, 전용 앱 FunKeep, 기능 아이콘 목록, 컬러 3종, SPEC·FUNCTION 표, 상세사진, 자주 묻는 질문, A/S 안내 순으로 구성했습니다.
화면 크기, 해상도, 방수 등급, 배터리 용량, 블루투스 버전처럼 구매자가 다른 제품과 비교하는 항목은 표로 따로 모아 두는 것이 좋습니다. 에스티프로 스마트워치는 하드웨어 사양은 SPEC 표로, 지원 언어·운동 모드·알림 같은 기능은 FUNCTION 표로 나눠 정리해, 필요한 정보를 빠르게 찾을 수 있도록 했습니다.
먼저 제품의 기능과 사양, 구매자가 헷갈리거나 망설이는 부분을 정리한 뒤 대표 기능·사용 장면·기능 목록·스펙·FAQ 순으로 화면을 설계합니다. 디자인아트플러스는 2005년 창업 이후 상세페이지와 쇼핑몰을 꾸준히 제작해 왔고, 「매출 팍팍 포토샵 상세페이지 디자인」, 「쇼핑몰 상품페이지 전략」 등 전문 서적을 직접 집필했습니다.
