프로젝트 배경
1) 문제점
- 여러 쇼핑몰에서 상품 가격을 직접 비교해야 하는 번거로움이 존재
- 기존 가격 비교 서비스는 가격 정보 위주로 구성되어 있어 시각적 직관성이 떨어짐
- 실시간 가격 변동, 트렌드 파악, 알림 설정 등 실제 소비자 니즈를 반영한 기능이 부족함
2) 프로젝트 목표
- AI 검색을 활용한 스마트한 가격 비교 및 쇼핑 탐색 경험 제공
- 상품 탐색 → 가격 비교 → 시세 추이 확인 → 최저가 알림까지 이어지는 사용자 흐름 설계
- 모바일과 데스크탑에서 일관된 UI/UX를 제공하는 반응형 플랫폼 구축
3) 주요 관점
- 실용성과 효율성을 기반으로 한 데이터 시각화 중심 UI 설계
- 모바일과 데스크탑 모두에 최적화된 반응형 구조 설계
- 상품 비교, 시세 추이, 알림 기능 등 핵심 흐름의 직관적 연결성 강화
- 여러 쇼핑몰에서 상품 가격을 직접 비교해야 하는 번거로움이 존재
- 기존 가격 비교 서비스는 가격 정보 위주로 구성되어 있어 시각적 직관성이 떨어짐
- 실시간 가격 변동, 트렌드 파악, 알림 설정 등 실제 소비자 니즈를 반영한 기능이 부족함
2) 프로젝트 목표
- AI 검색을 활용한 스마트한 가격 비교 및 쇼핑 탐색 경험 제공
- 상품 탐색 → 가격 비교 → 시세 추이 확인 → 최저가 알림까지 이어지는 사용자 흐름 설계
- 모바일과 데스크탑에서 일관된 UI/UX를 제공하는 반응형 플랫폼 구축
3) 주요 관점
- 실용성과 효율성을 기반으로 한 데이터 시각화 중심 UI 설계
- 모바일과 데스크탑 모두에 최적화된 반응형 구조 설계
- 상품 비교, 시세 추이, 알림 기능 등 핵심 흐름의 직관적 연결성 강화
프로젝트 성과
가격 비교 통합 플랫폼 UX 구조 구축
AI 검색, 실시간 비교, 시세 그래프, 가격 알림까지 하나의 흐름으로 연결된 UX 설계
모바일/데스크탑 통합 대응
반응형 구조를 통해 다양한 해상도에서도 일관된 사용자 흐름 유지
핵심 기능

AI 기반 상품 검색
키워드 또는 링크 입력을 통해 연관 상품 자동 탐색 및 실시간 가격 비교 가능

최저가 알림 기능
지정한 가격 이하 도달 시 푸시 알림 수신 기능 제공
진행 단계
기획 및 요구사항 정의
2024.06.
- 가격 비교/검색 서비스 벤치마킹 및 사용자 니즈 정리
- 사용자 여정(UX Flow) 및 핵심 기능 구조 설계
- IA 및 기능 정의, 와이어프레임 제작
- 사용자 여정(UX Flow) 및 핵심 기능 구조 설계
- IA 및 기능 정의, 와이어프레임 제작
디자인
2024.06.
- 전체 톤앤무드 및 디자인 시스템 설계
- 모바일/데스크탑 전체 UI 구성 및 데이터 시각화 컴포넌트 설계
- 다크/라이트 배리에이션을 고려한 디자인 시스템 구축
- 모바일/데스크탑 전체 UI 구성 및 데이터 시각화 컴포넌트 설계
- 다크/라이트 배리에이션을 고려한 디자인 시스템 구축
마감
2024.06.
- 디자인 시스템 문서 및 주요 컴포넌트 전달
프로젝트 상세
사용자가 원하는 상품을 입력하면, 해당 상품의 실시간 최저가, 쇼핑몰별 가격, 가격 변화 추이 등을 시각적으로 비교할 수 있는 웹/모바일 기반 플랫폼입니다. 데이터 중심의 기능을 단순하고 명확한 UI로 구성하여, 복잡한 정보를 쉽게 파악하고 효율적으로 쇼핑할 수 있는 경험을 제공합니다.
모바일에서는 검색 → 비교 → 상세 → 알림 설정까지의 흐름을 한 화면 안에서 연결되도록 설계하였고,
웹에서는 사이드바 기반의 구조를 통해 더 많은 정보를 병렬적으로 탐색할 수 있도록 구성하였습니다.
모바일에서는 검색 → 비교 → 상세 → 알림 설정까지의 흐름을 한 화면 안에서 연결되도록 설계하였고,
웹에서는 사이드바 기반의 구조를 통해 더 많은 정보를 병렬적으로 탐색할 수 있도록 구성하였습니다.
