CASE STUDY 014 / 유통·커머스
검색부터 결제까지 한 번에 처리하는 리테일 매장 키오스크 구축
수천 종의 제품을 취급하는 오프라인 매장에 제품 검색, 스펙 비교, 카드 결제까지 원스톱으로 처리하는 키오스크 시스템을 1개월 만에 구축했습니다.
작성·발행 Plan AI ·
유통·커머스 / 키오스크·디바이스
변화의 핵심
고객이 직원 도움 없이 제품 탐색과 구매를 완료
- INDUSTRY
- 유통·커머스
- DEPT
- 운영팀
- DURATION
- 1개월
- SCOPE
- 키오스크·디바이스
- STATUS
- 구축 완료
THE IMPACT
이 프로젝트가 남긴 변화.
Plan AI의 공개 프로젝트 기록을 바탕으로 작성했습니다. 고객사명은 비공개이며, 수치는 본문에 설명한 해당 프로젝트 범위의 결과입니다.
직원 상담 의존
셀프 검색·비교·결제
눈에 띄게 개선
수천 종의 제품을 보유한 대형 매장에서 고객이 원하는 제품을 찾고 비교하는 과정이 직원 상담에 의존하고 있던 국내 리테일 기업. 기획부터 디자인, 개발까지 풀 서비스로 진행해 검색·비교·결제가 가능한 키오스크 앱을 1개월 만에 배포했습니다. 오프라인 캐싱을 적용해 네트워크가 불안정해도 제품 정보 조회가 끊기지 않도록 설계했습니다.
01 / THE CHALLENGE
문제의 출발점.
다양한 제품을 취급하는 오프라인 매장을 운영하는 국내 리테일 기업. 수천 종의 제품을 보유한 대형 매장에서 고객이 원하는 제품을 찾아 비교하는 과정이 비효율적이었고, 직원의 제품 지식에 따라 상담 품질이 들쭉날쭉했다. 바쁜 시간대에는 고객 대기 시간이 길어졌고, 계산대 대기 시간을 줄이기 위한 키오스크 직접 결제 기능도 필요했다. 네트워크 불안정 상황에서도 핵심 기능이 정상 동작하는 오프라인 내성 설계, 남녀노소 누구나 쓸 수 있는 터치 기반 UI, 실시간 재고 연동이 요구 조건이었다. 여기에 1개월이라는 짧은 기간 안에 기획부터 배포까지 완료해야 하는 일정 제약까지 있었다.
02 / THE APPROACH
업무의 맥락부터, 설계에 담았습니다.
기획부터 디자인, 개발까지 풀 서비스로 진행했다. 매장 방문 고객의 행동 패턴을 분석해 가장 빈번한 탐색 시나리오 중심으로 UI 플로우를 설계했고, 실제 매장 환경의 조도와 사용 거리를 고려해 화면을 디자인했다. React와 Electron으로 키오스크 전용 데스크톱 앱을 개발하고, 오프라인 캐싱을 적용해 네트워크 단절 시에도 제품 정보 조회가 가능하게 했다. 대분류에서 소분류까지 단계별 탐색과 키워드 검색·필터링, 최대 3개 제품의 스펙 나란히 비교 기능을 구현했다. 카드 결제 단말기와의 하드웨어 연동 테스트를 병행해 키오스크에서 바로 구매가 완료되는 원스톱 결제 프로세스를 완성했다.
03 / THE PROCESS
작은 검증을 쌓아, 작동하는 시스템으로.
- 01
매장 방문 고객 행동 패턴 분석과 탐색 시나리오 중심 UI 플로우 설계
- 02
매장 환경의 조도와 사용 거리를 고려한 화면 디자인
- 03
React·Electron 기반 키오스크 전용 데스크톱 앱 개발
- 04
오프라인 캐싱 적용으로 네트워크 단절 시에도 제품 조회 유지
- 05
카드 결제 단말기 하드웨어 연동 테스트와 결제 프로세스 구현
- 06
매장 배포 및 시범 운영
04 / THE OUTCOME
숫자와 업무 방식에 남은 결과.
- 고객이 직원 도움 없이 제품을 탐색하고 구매할 수 있게 되어 응대 효율이 크게 향상
- 직원은 단순 제품 안내에서 벗어나 전문 상담이 필요한 고객에게 집중
- 키오스크를 통한 추가 매출 발생, 특히 바쁜 시간대 구매 전환율 개선
- 키오스크 사용 데이터 분석으로 고객 탐색 패턴을 파악해 매장 운영 전략에 활용
- 시범 운영 성과를 바탕으로 다른 매장 확대 설치 계획 진행
키오스크 도입 후 고객 응대 효율과 매출이 동시에 올랐습니다.05 / THE HANDOVER
인도 이후에도, 팀의 자산으로.
제품 검색·비교·결제 기능을 갖춘 키오스크 전용 데스크톱 앱과 결제 단말기 연동. 기획, 디자인, 개발, 배포까지 풀 서비스로 진행.
프로젝트에 사용한 기술
- React
- Electron
- 결제 단말기 연동
MORE WORK
다른 문제, 또 다른 변화.
RELATED READING