프로젝트 배경
1) 문제점 - 무인 매장에서 유형 선택·전문가 매칭·예약·결제·화상이 따로 놀면 고객이 중간에 이탈 - 비대면 상담은 매칭부터 화상 연결까지 흐름이 끊기면 현장 응대 부담이 큼 - 지점·매출·상담 이력이 흩어져 있으면 운영자가 현황을 한눈에 파악하기 어려움 2) 프로젝트 목표 - 키오스크 한 흐름 안에서 유형 선택 → 매칭 → 예약 → 결제 → 화상까지 끊김 없이 연결 - 고객·상담사·운영자
프로젝트 성과
매칭 → 예약 → 결제 → 실시간 화상, 단일 흐름 구현
상담 유형 선택부터 전문가 매칭·시간 예약·결제·1:1 실시간 화상 상담까지, 선택값을 이어받아 재입력 없이 한 흐름으로 진행되는 고객 키오스크 플로우를 구현했습니다.
고객·상담사·운영자 3개 축 통합 구현
고객 키오스크에 더해 상담사 포털(대기~연결~화상)과 6개 뷰 운영 관리자 대시보드(SVG 매출 차트 포함)까지, 세 사용자 경험을 하나의 데모에 통합 구현했습니다.
둘 다 120자 안쪽이라 그대로 들어갑니다.
둘 다 120자 안쪽이라 그대로 들어갑니다.
핵심 기능
진행 단계
기획 · 사용자 플로우 설계 및 디자인 토큰 정의
2026.03.
고객·상담사·운영자 세 사용자 흐름을 정의하고, 컬러·라운드·섀도를 잡는 CSS 변수 디자인 토큰과 고객용/운영용 톤을 설계했습니다.
프로젝트 상세
1) 포트폴리오 소개 - 서비스 카테고리: 무인 키오스크 셀프 상담 매장 (전문가 매칭 · 실시간 화상 상담) - 메인 타깃: 무인·비대면 상담 매장 운영사 및 현장 키오스크 이용 고객 - 무인 키오스크 앞에서 상담 유형 선택부터 전문가 매칭, 시간 예약, 결제, 1:1 실시간 화상 상담까지 한 흐름으로 이어지는 셀프 상담 매장 클릭형 시안입니다. 고객용 키오스크 · 상담사 포털 · 운영 관리자, 세 사








