프리티는 일상 속 간편한 뷰티 경험을 지향하는 브랜드로 보이며, 온라인 스토어에서는 제품 카테고리의 명확한 구분과 빠른 구매 여정을 핵심 가치로 제시하고 있습니다. 첫 화면에서 전달되는 핵심 메시지는 깔끔한 비주얼과 제한된 색상 대비를 통해 안정감을 주고, CTA 버튼의 컬러 포커스가 구매 행동을 자연스럽게 유도합니다. 이미지 중심의 구성은 제품의 물성(텍스처, 컬러, 사용감)을 직관적으로 보여주어 탐색 부담을 낮추는 장점이 있습니다. 다만 배너·프로모션·신제품 등 우선순위가 겹치는 경우 시각적 위계가 분산되면 사용자가 다음 행동을 고르기 어려워질 수 있습니다. 이 리뷰는 프리티의 브랜드 감성은 유지하면서도 전환 효율을 강화하는 방향으로 정보 구조, 내비게이션, 검색, 상세 화면의 맥락성을 중심으로 평가하고 개선안을 정리합니다.
핵심 요약: "브랜드 일관성 유지 + 탐색 흐름 단순화 + 명확한 행동 유도"의 균형이 전환 효율을 좌우합니다.
메인·카테고리 화면 평가
메인 화면은 신제품·베스트·프로모션의 입구가 잘 드러나며, 3~5개 주요 섹션으로 요약된 스크롤 구조가 집중도를 높입니다. 추천·랭킹·해시태그형 모듈이 존재한다면, 동일한 카드 패턴을 유지해 인지 부하를 줄이는 것이 좋습니다. 카테고리 페이지에서는 필터·정렬·재고 상태·혜택 표기가 리스트 카드 안에서 일관되게 배치되어야 하며, 모바일 기준 한 줄에 2열 카드 구성일 때 가격·혜택·평균 배송일 등 핵심 정보가 접혀 보이지 않도록 우선순위를 재조정할 필요가 있습니다. 또한 빈 상태(Empty State)와 오류 상태를 친절하게 설계하면 이탈 방지에 큰 도움이 됩니다. 이미지 비율(예: 4:5 또는 1:1)을 고정하고, 가격 정보 하단에 "장바구니" 또는 "바로구매"를 배치하면 탭 조작 횟수를 줄여 전환을 가속할 수 있습니다.
추천 패턴: 고정 카드 그리드 + 명확한 혜택 배지 + 스티키 필터 요약 바
검색의 경우 자동완성에 카테고리·브랜드·인기 키워드·최근 검색을 함께 노출하고, 검색 결과는 "정확도 · 판매순 · 신상품 · 낮은가격 · 높은가격"을 한 번에 전환할 수 있게 토글형 탭을 권장합니다. 특히 재방문 고객에게는 최근 본 상품과 찜 목록을 홈 상단에 노출하여 탐색 회귀 시간을 줄이는 것이 효과적입니다.
UX/UI 개선 포인트
첫째, 시선 유도. 히어로 영역에서는 한 문장 태그라인과 1차 CTA만 남기고, 2차 액션은 폴드 아래로 이관하면 클릭 의사결정이 빨라집니다. 둘째, 정보 구조. 상단 내비게이션의 1뎁스는 6±1개로 유지하고, 2뎁스는 카테고리·사용 상황·세트 기획 등 사용 맥락 기준으로 재분류하면 검색 의존도를 낮출 수 있습니다. 셋째, 상세 화면. 제품 USP(성분, 임상, 사용 전/후)를 카드형으로 요약하고, 스티키 구매 바(가격·옵션·수량·구매 버튼)를 고정해 장바구니 진입을 단순화합니다. 후기 영역은 사진 후기 우선 정렬 + 필터(피부타입/톤/연령대)+신뢰 배지를 적용하면 설득력이 높아집니다. 넷째, 마이크로카피. 배송·교환·환불 정책은 한 줄 요약과 펼침 UI를 병행하여 가독성을 높이고, 혜택안내는 쿠폰/적립/사은품을 서로 다른 색상 배지로 구분하면 인지가 빨라집니다.
버튼 문구 가이드: "지금 담기", "혜택 적용하고 구매", "나에게 맞는 색상 찾기"처럼 행동을 구체화하세요.
성능·접근성·SEO 권장사항
성능: 이미지 지연 로딩(lazy-loading)과 WebP 제공을 병행하되, 원본은 보존합니다. LCP 후보(히어로 이미지)는 프리로드 및 사이즈 속성(width/height)을 명시해 CLS를 방지하세요. 접근성: 대체 텍스트는 "무엇이/어떤 상태로/무엇을 위해"를 포함하고, 인터랙션 요소는 키보드 포커스 스타일을 분리해 제공합니다. 대비비는 WCAG AA(텍스트 4.5:1) 이상을 권장합니다. SEO: 제목(h1)은 페이지마다 1개로 유지하고, 섹션 제목은 h2~h3 위계를 지키며, 제품 스키마(구조화 데이터)와 오픈그래프 메타를 일관되게 유지하면 검색·공유 노출 품질을 향상할 수 있습니다. 또한 검색어 다변화를 위해 컬렉션·테마 페이지를 생성하고 내부 링크로 허브/스포크 구조를 형성하는 것을 추천합니다.
체크리스트: 이미지 width/height 지정 · 폰트 서브셋 · 스크립트 지연 로딩 · 명확한 문서 제목과 메타 설명
더블루캔버스 연계 제안
The Blue Canvas는 브랜드 경험을 비즈니스 성과로 연결하는 디지털 파트너입니다. UX 리서치, 정보 구조 설계, 디자인 시스템, 성능 최적화, 검색/전환 개선까지 전 과정을 유기적으로 다루며, 데이터 기반 실험을 통해 최적 해답을 빠르게 도출합니다. 프리티와 같은 뷰티/커머스 환경에서는 "구매 여정 단축"과 "재방문 촉진"이 핵심 KPI가 되며, 이를 위해 추천·검색·리스트·상세 간 일관된 패턴과 마이크로카피 전략이 중요합니다. 더블루캔버스는 A/B 테스트와 계량화된 UX 지표를 통해 리스크 없이 개선 효과를 검증하고, 운영팀이 쉽게 확장 가능한 컴포넌트 기반 디자인을 제공합니다.
