안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
키오스크 환경에 최적화된 주문 및 결제 앱 기획·디자인·개발 | 관리자웹, 어드민, ERP 시스템, 통합 관리, 주문 관리, 재고 관리, 실시간
개발 · 디자인 · 기획
ERP 전사자원관리
프로젝트 배경
자판기의 특성상, 사용자가 짧은 시간 안에 별도의 설명 없이도 직관적으로 이해하고 최소한의 조작으로 주문과 결제를 완료할 수 있는 UI가 필수적이었습니다. 기존 키오스크 앱들은 자판기의 사용 맥락(짧은 체류 시간, 반복 사용, 실수 허용 범위가 낮은 환경)을 고려하지 못했으며 각 브랜드만의 아이덴티티를 충분히 반영하지 못한 획일화된 UI로 제공되었습니다.

이에 본 프로젝트는 자판기 사용 환경과 주문 맥락을 고려한 전용 키오스크 UI를 새롭게 기획·설계하고, 주문 선택부터 결제 완료까지를 하나의 명확한 흐름으로 연결하여 자판기 환경에 최적화된 주문·결제 경험을 구현하는 것을 목표로 진행되었습니다.
프로젝트 성과
자판기 환경에 최적화된 전용 키오스크 주문·결제 UI 시스템 구축
자판기 환경에 최적화된 전용 키오스크 주문·결제 UI 시스템 구축
하나의 일관된 플로우
주문 → 옵션 선택 → 장바구니 → 결제 → 완료까지 하나의 일관된 플로우로 설계된 주문 흐름 구현
키오스크 최적화 UI 제작
- 실제 자판기 사용 상황을 고려한 UI 및 반복 사용에 최적화된 구조 설계
- 브랜드 아이덴티티 반영
핵심 기능
키오스크 환경 최적화 주문 플로우
- 주문 시작부터 완료까지 단계가 명확하게 인지되는 일관된 흐름 설계
- 현재 단계와 다음 행동이 한눈에 보이는 구조
- 주문 관리 및 결제 연동
운동 전·중·후 섭취 시점 기반 선택 구조
- 사용 목적에 따라 제품을 쉽게 선택할 수 있도록 섭취 시점 중심 카테고리 설계
- 사용자의 고민 없이 빠른 선택 가능
진행 단계
Proposal & 기획
2024.07.
- 기존 디스펜싱 시스템 및 주문 UI 구조 분석
- 자판기 환경에서 발생하는 UX 문제 정의
- 자판기 전용 키오스크 UI 필요성 도출
UX Research
2024.08.
- 무인 자판기 사용 환경 특성 분석(짧은 체류 시간, 반복 사용, 실수 허용 범위가 낮은 환경)
- 사용자가 최소한의 학습으로 조작 가능한 단순하고 명확한 주문 흐름 도출
UX/UI Design
2024.09.
- 키오스크 환경에 최적화된 UI 디자인 시스템 구축
- 운동 전·중·후 섭취 시점 선택 → 메뉴 선택 → 옵션 조절 → 결제로 이어지는 단계별 UI 설계
- 제품별 상세 정보 제공
Development
2024.12.
- 키오스크 환경에 맞춘 주문·결제 기능 개발
- 장바구니, 추가 주문, 결제 화면 연동
- 주문 완료 후 상태 확인까지 고려한 화면 흐름 구현
- 실사용 환경을 고려한 화면 전환 속도 및 안정성 확보 및 유지보수
프로젝트 상세
기존 디스펜싱 시스템에는 자판기 환경을 전제로 한 전용 키오스크 UI가 존재하지 않아, 주문 과정이 명확한 흐름으로 설계되지 못하고 자판기 사용 상황에 최적화된 사용자 경험을 제공하는 데 한계가 있었습니다. 특히 무인 환경에서 사용되는 자판기의 특성상, 사용자가 짧은 시간 안에 직관적으로 이해하고 조작할 수 있는 키오스크 UI의 필요성이 드러났습니다.

이에 자판기 사용 환경과 주문 맥락을 고려하여, 주문 선택부터 완료까지의 과정을 하나의 흐름으로 설계한 자판기 전용 키오스크 UI를 디자인·개발하는 프로젝트를 진행하여 매끄러운 터치 인터랙션, 간결한 정보 구조, 명확한 화면 전환을 통해 자판기 환경에 최적화된 주문 경험을 구현하고자 했습니다.

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

uw******
개발 · 개인사업자

프로젝트 정보

참여 기간
2024.07. ~ 2025.09.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
관련 기술
Figma
Kotlin
TypeScript
PostgreSQL
google firebase
fastapi
Adobe Photoshop
Google FireStore