플러스프로젝트 배경
1) 문제점 - 기존 웹사이트의 노후된 UI와 비효율적인 정보 구조로 인해 브랜드 신뢰도 저하 - 모바일에서는 화면이 깨지거나 버튼이 작아 사용자 불편이 심각함 - 제품 정보를 확인해도 구매 연결이 어려워 사용자 전환율 저조 2) 프로젝트 목표 - 코스텔의 브랜드 이미지와 정체성을 시각적으로 강화 - 제품 탐색과 정보 접근성을 높이고, 전환 유도까지 연결되는 구조 설계 - 전 디바이스에서 안정
프로젝트 성과
페이지 평균 로딩 속도 45% 향상
불필요한 스크립트 제거 및 최적화된 이미지 처리로 사용자 이탈률 감소
모바일 사용자 이탈률 32% 감소
반응형 UX 최적화로 사용자 행동 흐름 개선
제품 조회수 평균 2.3배 증가
제품 리스트 및 상세페이지 UI 개편으로 정보 접근성과 탐색 용이성 향상
브랜드 키워드 검색 유입 54% 증가
SEO 최적화를 통해 포털 검색 시 COSTEL 브랜드 페이지 노출 강화
핵심 기능
🧩 제품 필터링 기능
- 사용자가 원하는 제품을 빠르게 찾을 수 있도록 직관적인 다중 조건 필터 시스템을 구현
- 가전제품 특성상 스펙 기반 탐색이 중요한 점을 고려하여, 사용자 중심의 필터 항목을 선별해 구성
- 가전제품 특성상 스펙 기반 탐색이 중요한 점을 고려하여, 사용자 중심의 필터 항목을 선별해 구성
진행 단계
리서치 및 브랜딩 분석
2022.06.
기존 사이트 진단, 경쟁사 벤치마킹, 브랜드 톤 리서치
프로젝트 상세
코스텔은 디지털 소형가전 전문 브랜드로, 다양한 전자제품을 온라인으로 판매하고 있지만 사용자 중심의 구매 경험이 부족해 브랜드 이미지와 전환율에 한계가 있었습니다. 이번 프로젝트는 제품의 기능성과 감성적 브랜드 이미지를 동시에 전달하고, 온라인 구매 전환을 유도하는 UX/UI 리디자인을 목표로 진행되었습니다. 특히 전자제품에 익숙하지 않은 사용자도 제품을 쉽게 비교·탐색할 수 있도록 정보 구조를 재
