Interface Design
This project encompassed the entirety of branding and UX/UI for a hypothetical sub shop ordering system. Customers can make their own custom subs through an ordering kiosk located in the shop. The goal was to make the system appealing, seamless, and fast as possible for the busy customer.
.jpg)
The user flow of an interface is extremely important. Therefore, I worked and re-worked the flow until it proved easy and convenient, starting on paper before moving to Figma. I began with low-fidelity digital prototypes which allowed me to continue user testing and flesh out more of my ideas without wasting time on graphics.
Empathy maps and user personas helped me to identify my audience. The personas, meant to represent the audience of my interface, were a teenage soccer player, a middle-aged working professional, a busy college student, and an on-the-go mom.
I also sent out two surveys, totaling 47 responses. The most surprising thing that I learned from the survey is that a majority of people (at least those in my testing sample) preferred the cashier to the kiosk. “A kiosk doesn’t always allow for ‘special ordering’ I may want a sub ‘light on onions’ and there’s not always a way to input that instruction.” Because of this comment I made a special “instructions” box in my interface.
.jpg)
The logo needed to reflect all of the information that I knew about the interface and my users. I originally went for a more “sketchy” style to keep the personality and movement. However, once I brought it onto the computer, I decided to make it more graphic and clean. The guy still feels fun without all of the extra lines.
The brand that I created for “Sub Hub” is playful while also fresh and clear, appealing to my audience. The interface is also customizable; customers can choose their language, save orders, and make their own “Sub Hub Character.” All of these options build a relationship between customer and restaurant, encouraging repeat visits!
Interface Highlights
Logo GIF
Sample of Customizable Characters
