WEB
폴리몰리 쇼핑몰
사이트 제작
ROLE:
SERVICE:
WEB
CLIENT:
(주)인터피플
DESIGN CORE
편안함과 디자인의 균형을 투영한
직관적 인터페이스
폴리몰리 브랜드가 지향하는 '빈백을 통한 완전한 휴식과 자유'를 UI/UX로 구현하는 데 집중하였습니다.
사용자가 접속과 동시에 휴식의 정서를 체감할 수 있도록 정제된 화이트 스페이스를 충분히 활용하였으며,
고감도 라이프스타일 이미지를 전면에 배치하여 감성적인 브랜드 이미지를 강화하였습니다.
특히 제품의 안락함이 시각적으로 전달될 수 있도록 정돈된 레이아웃과 감도 높은 비주얼의 조화를 설계하는 데 초점을 맞추었습니다.
폴리몰리 제품 특유의 유연함과 편안함을 시각적 언어로 번역하는 과정에 초점을 맞추었습니다.
빈백의 곡선적인 실루엣을 반영하여 버튼과 카드 UI의 모서리를 부드럽게 처리하였으며,
단순한 상품 나열을 넘어 인테리어와의 조화를 강조한 고감도 비주얼을 전면에 배치하였습니다.
이를 통해 사용자가 제품을 자신의 공간에 투영해 볼 수 있는 풍부한 공간적 상상력을 제공하고자 하였습니다.
감각적인 이미지 중심의 레이아웃
Visual Storytelling
브랜드의 특성을 고려하여 제품의 디테일(원단 질감, 색상)과 실제 생활 공간이 조화를 이루는 연출 컷을 메인으로 활용하였습니다.단순한 쇼핑몰을 넘어, 사용자가 제품을 자신의 공간에 배치했을 때의 경험을 미리 체감할 수 있는 '경험 중심'의 인터페이스를 구축하였습니다.
직관적인 사용자 경험
Practical UX
다양한 소재(코튼, 방수, 스판 등)와 라인업을 사용자가 라이프스타일에 맞춰 쉽게 선택할 수 있도록 카테고리를 명확히 구분하였습니다.제품별 특장점(방수, 세탁 용이성 등)을 직관적인 인포그래픽과 아이콘으로 시각화하여 정보 전달력을 높였습니다.
구매 전환을 위한 최적화된
UI Conversion Strategy
시각적 대비가 명확한 포인트 컬러를 주요 액션 버튼(CTA)에 배치하여, 자연스러운 시선 유도로 구매 전환 단계에서의 이탈 방지에 집중하였습니다. 모바일 환경에서의 엄지손가락 동선을 고려한 하단 고정 바(Sticky Bar)와 간결한 결제 프로세스로 끊김 없는 쇼핑 환경을 구축하였습니다.
UX DEVELOPMENT
- 단순 쇼핑몰을 넘어 B2B 렌탈 솔루션을 통합한 비즈니스 플랫폼 구축
- 실시간 셀프 견적 엔진과 하드코딩 상세페이지로 완성한 이커머스 경험
- 백오피스 자동화와 카페24 앱 연동으로 클라이언트 운영 자립도를 극대화
- SEO 최적화와 차세대 WebP 포맷을 적용한 고성능 브랜드 이머커스 솔루션
직관적인 컬러 스위칭 시스템 (Color-Chip Swatch)
사용자가 상품 상세 페이지로 진입하기 전, 리스트 단계에서 제품의 모든 컬러 변경을 즉각적으로 확인할 수 있도록 커스텀 컬러칩 스위칭 기능을 개발하였습니다. 이는 사용자의 탐색 시간을 단축하고, 구매의 몰입감을 높이는 핵심 UX 요소입니다.
01. 페이지 전환형 옵션 스위칭 시스템 (Option-Link Sync)
일반적인 옵션 선택 방식은 이미지와 텍스트가 일치하지 않아 사용자에게 혼란을 줄 수 있습니다. 이를 해결하기 위해 옵션 클릭 시 해당 컬러의 단독 상품 페이지로 즉시 이동하는 로직을 구현했습니다.
효과 사용자는 자신이 선택한 컬러의 고유 상세 설명과 이미지를 정확히 확인할 수 있어 구매 신뢰도가 상승하며, 잘못된 옵션 선택으로 인한 반품률을 현저히 낮춥니다.
02. 실시간 배송비 안내 스크립트
사용자가 구매 수량을 조작하거나 특정 조건에 도달했을 때, 배송비 무료 여부를 직관적으로 보여주는 실시간 스크립트를 적용했습니다.
효과 결제 단계로 넘어가기 전 배송비 정보를 투명하게 노출하여, 배송비로 인한 이탈을 방지하고 추가 구매를 유도하는 심리적 장치로 작용합니다.
03. 구매전환율 극대화를 위한
N-Pay 커스터마이징
기본 제공되는 네이버페이 버튼의 디자인적 한계를 탈피하여, 전체 브랜드 아이덴티티와 조화를 이루면서도 가장 눈에 띄는 최적화된 비주얼로 커스텀 렌더링했습니다.
효과 국내 사용자들의 높은 네이버페이 이용률을 고려하여, 구매 버튼으로의 시선 집중도를 높여 실질적인 구매 전환율(CVR) 향상을 이끌어냈습니다.
효율적인 데이터 관리를 위한 백엔드 아키텍처
수많은 단품들을 하나의 제품군으로 묶어 관리할 수 있도록 별도의 제품 관련 스크립트와 그룹핑 로직을 설계하였습니다.
01 고유 그룹값(Group ID) 생성: 고유 식별 값을 통해 서로 다른 상품들을 하나의 제품군으로 연결하는 관계형 로직 구축
02 유연한 데이터 입력 구조: HTML 편집기를 통해 각 상품의 썸네일 경로와 색상 코드를 배열(Array) 형태로 입력받아, 복잡한 옵션 데이터도 정확하게 렌더링하도록 구현
03 커스텀 관리자 필드: 운영자가 관리자 페이지에서 직접 그룹명을 지정하고 관리할 수 있도록 커스터마이징하여 운영 편의성 극대화
신뢰를 시각화하는
크리마 리뷰 연동
이커머스에서 리뷰는 단순한 텍스트 이상의 가치를 지닙니다. 우리는 고객의 실제 구매 경험이 브랜드의 자산이 될 수 있도록, 카페24 플랫폼 기반 위에 국내 최고의 리뷰 솔루션인 '크리마 리뷰(Crema)'를 완벽하게 통합하였습니다.
효과 시각적인 증거를 즉각적으로 제시함으로써 잠재 고객의 심리적 저항감을 낮추고, 브랜드에 대한 신뢰를 공고히 합니다.
