We designed interactive elements to be easily tappable and visually intuitive, catering to a wide range of users, including those with limited dexterity.

Strategic icon placement enhances clarity by pairing visual cues with text labels for faster recognition.

Square-shaped buttons provide a larger touch target, improving accuracy and reducing user frustration.

Outlined buttons increase affordance, making it easier for users to identify tappable areas while maintaining a clean, modern aesthetic.

This focus on accessibility ensures that users can confidently navigate the interface across different device sizes and physical environments.

A thoughtful content distribution strategy enhances usability and supports scalable, future-proof design.

25% side panel, 75% main content area creates a clear visual hierarchy while offering flexibility for varied menu structures.

Key interactions are concentrated in the middle and lower screen areas, improving accessibility for users of all heights and reducing physical strain.

Reduced cognitive load through a structured layout helps users stay focused, especially during multi-step processes like order customization.

By optimizing the interface’s physical and visual flow, we increased user efficiency while accommodating different levels of familiarity with self-service technology.

We minimized reliance on upper-screen touchpoints to align with natural hand positions and improve ease of use.

Primary actions are placed lower for better reachability, particularly on larger kiosks or screens.

Informational banners are positioned at the top, ensuring promotions and secondary details do not interfere with the main task flow.

This design choice improves comfort and accessibility while maintaining space for merchant-driven content without compromising user attention.

Thoughtfully integrated animations provide feedback and guide users through the ordering journey without overwhelming the experience.

Micro-interactions create a more engaging interface by offering visual confirmation for key actions (e.g., item selection, order completion).

Error animations gently guide users toward corrective actions, softening the experience when issues arise (e.g., incomplete selections or payment failures).

These animations enhance the overall experience by making the interface feel responsive and approachable while supporting users in moments of friction.

While the MVP is complete, there are future enhancements that are prioritized and will be worked on:

User login for account-based vouchers.

Expanded voucher redemption functionality.

Merchant testing to measure drop-off rates, task completion times, and order success rates.

One of the biggest lessons from this project was the importance of observing real-world user behavior. Watching how people interact with the kiosk in everyday scenarios provided insights that we couldn’t have gathered from assumptions alone. Additionally, having a solid understanding of database structures was invaluable in bridging the gap between technical feasibility and design goals, ensuring that the experience remained seamless while supporting complex menu structures. Lastly, accessibility played a huge role in shaping the design. Since kiosks cater to a wide audience, including those who may not be tech-savvy, making interactions intuitive and physically accessible was key to creating an inclusive self-service experience.