Italink is a hypothetical booking site for a travel service with service in and out of 3 or 4 cities. The project allowed me to explore Figma's Variables feature, as well as develop an extensive design system that allowed me to gain a deeper understanding of how design systems work and how to structurally create them.
A MOBILE ORDER KIOSK
LO-FI WIREFRAMES
Before getting into the design, I created a full user flow shows all the possible interactions a user can have with this kiosk. It includes error messages and limits on properties. This flow can be seen broken down on pages 13-16 of the process document.
USER EXPERIENCE RESEARCH
WIREFRAMES
WIREFRAMES
TROPICAL SMOOTHIE CAFE ORDER KIOSK
STYLE GUIDE
PROCESS
PROCESS
PROCESS
PROCESS
PROCESS
PROCESS
PROCESS
PROCESS
READ THE FULL PROCESS DOCUMENT HERE
TAKEAWAYS
open figma file
I would definitely consider this project to be one of the most educational projects of my career thus far. As my most UX centered project, it really taught me so much about the user experience research process, and really drilled in the idea of the process to get to the final result being equally as important as the final result.
STYLE GUIDE
The style guide shows treatment of type, cards, buttons, and color palettes. The full style guide with full descriptions can be found on pages 52-66 of the process document.
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL
FINAL DESIGNS
PROTOTYPE
