TacGo is an online food delivery site within the Chicagoland area serving their customers with a customizable selection of Mexican cuisine. The typical user is between 18-45 years old TacGo is made for a fast and easy user experience for all types of customers. The site allows users to customize meals and get it delivered to the comfort of their own home or workplace.
My role in this project as a UX designer was to take ownership of the app’s design, from concept to delivery. My responsibilities included: user research, wireframing, prototyping, usability testing, iteration, and the creation of a final high-fidelity prototype.
Users who want a customizable food order selection of Mexican cuisine with a delivery service.
I conducted user research and received feedback from users that I incorporated into user personas. The user persona, Alex, is a 35-year old office clerk who shops for food services online. The research revealed that Alex was exhausted after a long day of work and wanted to order dinner and head straight home to wait for it. I also learned that Alex often wishes she could have more customization in her orders. Alex would like to see improvements to the app, like a fun visual experience and pictures to view what is on the menu.
The site needed to have a more interactive user experience when preforming the customization ordering.
From the user research, I learned that there were some pain points.. A pain point issue was that the users wanted to see a picture menu more often a worded list at their first selection. In changing this would engage the users more during the ordering process. I also noticed that many users were confused on what area delivery was available to them and decided to add a Delivery Area screen for a better explanation. To also add to the design, I had incorporated a map on display for better understanding.
Here’s how I put our users’ needs first. The process below begins with our initial ideas wireframes, then moves to mockups, and finally to the high-fidelity prototype.
In this simple version, you can see how I, the designer approaches solving the user’s needs. The user flow for the ordering process was laid out in a simple layout. I wanted the user to have a fast and easy experience when navigating and also added the use of backtracking menu links for each screen that shows the user's path.
In the revised version, you see the progression of the design based on insights identified from usability test feedback. Design additions includes picture sections ordering menu layouts.
Now the design really begins to take shape: actual text is used, colors are applied, and images are added. This mockup shows a visual that gives a better idea of the final design.
High-fidelity prototype
The design is fully developed and gives a complete picture of the completed design. It addresses the user’s needs for a simple, yet engaging and uncluttered design.