공연·좌석 선택과 결제
공연과 좌석 선택 후 결제로 이어지는 터치 화면 구성
키오스크 / 이런 일을 가능하게
좌석 선택부터 현장 발권까지
공연·좌석 선택과 결제 · 대화형 좌석 선택 인터페이스. 고객이 신청하고 담당자가 처리하는 흐름을 하나의 서비스로 만들 수 있습니다.
참고 화면에서 기능과 이용 흐름을 살펴보세요.
01 / 이런 상황에 맞습니다
지금 겪고 있는 일인가요?
방문자가 직접 좌석을 고르고 티켓을 발급받게 하고 싶나요?
- 사용할 환경
- 현장 터치 화면과 관리 시스템
02 / 이렇게 만들 수 있습니다
업무에 필요한 기능을 연결합니다.
필요한 기능을 선택하고, 담당자의 역할과 처리 순서에 맞춰 설계·개발할 수 있습니다.
대화형 좌석 선택 인터페이스
공연장 좌석 배치에서 위치와 등급을 확인하는 좌석 선택 화면 제공
통합 결제 및 발권 시스템
다양한 결제 수단과 현장 티켓 출력 및 QR 발권 기능을 통합 제공
브랜드 맞춤형 테마 UI
공연 및 전시의 비주얼 요소를 반영하여 몰입감 있는 사용자 인터페이스 구성
접근성 중심 UX 설계
고령 사용자까지 고려한 버튼 크기, 대비, 타이포그래피 중심의 UI 설계
고성능 데이터 레이아웃
다양한 공연 정보를 효율적으로 탐색할 수 있는 탭 및 카드 기반 UI 구조 설계
오류 방지 UX 설계
결제 전 요약 화면을 제공하여 잘못된 예매를 방지하는 사용자 경험 설계
하드웨어 최적화 인터페이스
키오스크 환경에 맞춘 터치 반응성과 그래픽 최적화를 통해 안정적인 사용자 경험 제공
함께 정할 구현 범위
- 공연·좌석 선택과 결제
- 대화형 좌석 선택 인터페이스
- 통합 결제 및 발권 시스템
- 브랜드 맞춤형 테마 UI
이렇게 살펴보세요
- 사용자가 원하는 항목을 찾고 신청하는 순서를 살펴보세요.
- 신청 후 상태와 운영자의 후속 작업을 확인합니다.
- 취소·변경·중복 요청의 처리 기준을 정합니다.
만들 수 있는 화면과 이용 흐름
아래 화면을 출발점으로, 필요한 기능과 현재의 운영 환경에 맞춰 새로 설계합니다.
04 / 우리 업무에 적용한다면
지금의 환경에서 더 나은 방법을 찾습니다.
사용자와 운영 조건에 맞춰 기능·화면·기술을 다시 선택합니다. 작은 범위부터 확인하고 다음 단계로 넓힐 수 있습니다.
현재의 업무와 준비된 자료
- 주요 사용자와 이용 순서
- 예약·매칭·승인 운영 정책
- 알림·결제 등 외부 연동 범위
실제로 만들고 확인할 범위
- 가장 먼저 해결할 업무와 사용자 흐름
- 기존 데이터·시스템의 연동 방법
- 시범 화면과 실제 자료로 확인할 검수 기준
- 배포·인수인계와 운영 개선 계획
구현에 사용할 수 있는 기술 살펴보기
아래는 기술 구성의 출발점입니다. 기존 시스템의 연동 규격, 데이터 규모와 운영 인력에 맞춰 실제 사용할 구성을 정합니다.
참고 화면과 프로젝트 배경
Ticket Link 무인 발권 시스템
티켓 예매부터 결제, 발권까지 무인으로 처리하는 문화 시설 키오스크입니다. 공연장 좌석 배치에서 위치와 등급을 확인하고, 결제 전 선택한 공연과 좌석을 다시 확인하도록 만들었습니다.
- 프로젝트
- Ticket Link 무인 발권 시스템
- 고객사
- Ticket Link
- 수행 기간
- 2023.12. ~ 2024.02.
- 당시 기록된 기술
- NestJS · Node.js · React
