← 포트폴리오로 돌아가기 IMU Project · UI/UX·퍼블리싱

QR 출입 키오스크

imupos.com 제품 페이지 · 기획 · Figma 디자인 · 퍼블리싱

작업기간

2026. 5. 28 ~ 2026. 6. 8

Tool

Figma, HTML, CSS, JavaScript, jQuery, Swiper.js

본인 기여도

100%

산출물

제품 페이지 기획(카피라이팅), Figma UI 디자인, 반응형 퍼블리싱

QR 출입 키오스크 제품 페이지 히어로 영역
01

기획 배경

아임유의 키오스크·포스 라인업 중 하나인 'QR 출입 키오스크'를 소개하는 신규 제품 페이지. 기존에 없던 페이지를 텍스트 기획부터 Figma 디자인, 퍼블리싱까지 전 과정을 혼자 진행했다. 티켓의 QR코드를 스캔해 입장 가능 여부를 확인하고, 방문객이 인력 없이 스스로 입장할 수 있다는 제품의 핵심 가치를 첫 화면에서 바로 전달하는 데 집중했다.

매표소부터 미술관, 시설 출입까지 - 제품 소개 섹션
02

운영 흐름 설계

키오스크 티켓 발권부터 QR 스캔, 입장까지의 3단계 흐름을 아이콘형 이미지와 화살표로 도식화해, 처음 보는 방문객도 동작 원리를 한눈에 이해할 수 있도록 구성했다.

키오스크 티켓 발권, QR 티켓 스캔, 방문객 입장 3단계 운영 방법
03

상태별 화면 예시

스캔 결과에 따라 입장 승인·중복입장 불가 화면이 보인다는 것을 슬라이드로 보여주도록 구성했다.

입장 승인, 중복입장 불가 등 상태별 키오스크 화면 UI
04

활용 사례 & 하드웨어 사이즈

미술관·박물관 같은 문화시설부터 무인 헬스장, 테마파크, 팝업스토어까지 다양한 업종에 적용 가능하다는 점과, 설치 공간에 맞춰 3가지 사이즈로 선택할 수 있다는 제품 정보를 함께 전달했다.

업종별 활용 사례 아이콘 그리드와 3가지 키오스크 설치 사이즈