Kiosk Design
Figma
What
I designed a fictional self-service kiosk for Cinema Cafe, a dine-in movie theater brand. The kiosk enables guests to browse showtimes, purchase tickets, and select concessions. The goal was to create a streamlined experience that complemented Cinema Cafe’s casual atmosphere.
The kiosk’s movie info screen.
The kiosk’s movie service screen.
Why
Cinema Cafe lacked a solution for slow ticketing and ordering. This concept explored how thoughtful interface and hardware design could enhance the movie-going experience, creating more efficient ticketing and faster ordering for guests.
How
The kiosk interface was designed with a focus on precision and ease of use, enabling users to efficiently browse movie selections, reserve seats, and place food orders. I designed a horizontal touchscreen for optimal visibility and accessibility, with the goal of refining the overall experience by reducing wait times and improving the flow of Cinema Cafe’s dine-in service.
Process
Research was conducted on how people typically interact with self-service kiosks in entertainment environments. I examined common user issues, such as unclear navigation and accessibility challenges. Based on these insights, I sketched interface concepts, mapped out user flows, and optimized the design according to usability best practices.
User Flow
The kiosk’s user flow.
Sketches
Initial concept sketch of the movie times screen.
The date and schedule were initially shown separately but were later condensed to display only the times, assuming customers had already planned to attend that day.
Initial concept sketch of the movie info screen.
The layout of the details felt too arbitrary, so the content was redesigned to create a clearer top-to-bottom flow.
Drafts
Draft of the welcome screen.
The original background of scrolling movie posters was removed due to its distraction. Green tones were replaced with Cinema Cafe’s brand red for better visual alignment. The “Discover” button was relabeled “Welcome” to ensure intuitive interaction.
Draft of the movie info screen.
The green motif was removed for the same reasons noted on the welcome screen. The banner was also removed, as the poster already displayed key information, such as the title and production company.