overview
role: product designer
team: po (client), 1 dev
platform: full hd tablet
Kissa.AI: making complex self-checkout technology easy and engaging for everyday users
Kissa.AI is a foodtech startup specializing in AI-powered recognition of dish images. Their main product is a self-checkout terminal, designed to speed up ordering in fast food venues
what I worked on
interface redesign
visual concept
3d graphics and animations
results
speed up flow times by 50%
increasing the channel shift rate from staffed to self-checkout terminal by 20%
reduced tap error rate by 80%
challenge
The Kissa.AI self-checkout system had low user adoption because customers found it unfamiliar and preferred cashiers. Long queues during peak times worsened the issue
The goal was to create a clear, engaging, and fast interface that users would want to use and return to, increasing adoption and reducing wait times
identical operational controls differ across screens
portion size toggle is unclear
back button replaces a one-click "recognize again"
no option to view the full dish list with prices
portion size toggle is unclear
identical operational controls differ across screens
no option to view the full dish list with prices
back button replaces a one-click "recognize again"
process
I conducted survey and identified 5 main issues users had with product
Led brainstorming sessions with the client, designing a new, more intuitive navigation system
Created and approved 20+ detailed wireframes, simplifying architecture to speed up user flow
Developed a design concept inspired by portal and speed, making the interface feel technological, unique, and modern
Ran usability and accessibility tests on checkout terminals
Created 3D animation and illustrations and prepared all assets for development
difficulty making item replacements
lack of a
search function in the menu
incorrect recognition of dishes
half
portions detection issues
unresponsive screens, leading to frustration
prioritised survey revealed product issues where more saturated = more critical
new navigation designed during brainstorm session
tested prototype on real product device
- Welcome
- Portal 3D Animation
Engaging animated welcome screen
Bright 3D animation drew users in and inspired them to try a new, innovative self-checkout experience
- Tray
- Products List
Instant tray review
Users could check, edit, or add products in seconds, with quick category search and price breakdowns, which cut flow time by 50%
- Payment
- 3D Illustrations
Interactive payment flow
Progress bar and dynamic messages created a lively, responsive checkout. 3D illustrations reinforced brand identity and innovation