Project Overview

Problem Statement

Develop and test a food ordering website that will be our first case study for Tier 1 of the Prime program. The assignment will allow us to learn and practice using the UX design process.

Client

Prime Digital Academy is an 18-week immersive User Experience design program to help me become a UX practitioner. I am enrolled in the Geneva cohort and this is my first UX project at Prime.

Process

• Conduct research in order to understand pain points and opportunity areas

• Prototype solutions based on research findings

• Evaluate prototypes with end-users in order to support design recommendations

• Synthesize research findings to identify meaningful insights

• Present design recommendations that support key goals

• Present a professional portfolio showcasing your UX process and resulting work.

My Role

Designer

• Low-Fidelity hand-drawn wireframes for quick concept ideation.

• High-Fidelity digitized wireframing with Sketch.

• Affinity diagramming with InVision Freeform.

• Functional prototype for usability testing with Axure.

• Weekly deliverables were composed and presented with Keynote.

Research

Affinity Diagram with Insights

User Goal Statement

My user is a young budget-conscious remote-worker living in an apartment building who needs to know their food will be delivered efficiently and accurately so that they can feel less stressed about the delivery process and be able to stay focused on their daily tasks.

Wireframes

Hand-Drawn Sketches

• Low Fidelity wireframes to start mapping out content and interactions for my website.

• The primary focus was to highlight three key interactions of the product.

Digital Wireframes

• Utilized Sketch to start transitioning the sketches into digitized wireframes.

• Started adding more fidelity to the sketches to help bring the concept to life.

Information Architecture

Project Site Map

Throughout this process, I began to visualize all of the steps a user would need to take to order food from my site.

I began mapping out the key interactions and establishing the hierarchy for my user flow. Working through this process was helpful to visualize all of the necessary screens I was going to need for my prototype.

As the project started to expand I was able to start adding more details to the wireframes.

Process Flow & High-Fidelity Wireframes

Interactive Prototype

Usability Testing of Prototype

Methodology

• We were able to conduct a remote-usability study through Zoom conversation.

• Three interviews were conducted with the intended user group. Each user was read an introductory script, provided guidance to think aloud while they used the site, given three tasks to complete, and asked a variety of probing questions.

• Each user-provided valuable insight into the functionality of the website and offered suggestions on how the usability could be improved.

Fact-Finding Report

3 of 3 Users were successful in completing the assigned tasks. The study was very helpful in helping me establish a plan to move forward and offered me an opportunity to recommend design changes.

Recommendations

• Add more edit features to the design to allow users to customize their order

• The delivery screen in particular provided a lot of useful feedback. The Delivery Switches feature was a key component of the study and received mixed results.

• I concluded that the delivery screen, cart, and home page would need to be revised and further testing would be necessary to make sure the issues were resolved.

In Conclusion

• This project provided me with an abundant amount of information about how to be a UX designer. With my new skills, I am looking forward to my next project to further develop my UX toolkit.

• A special thank you to the volunteers who helped me with this project. Your insights were greatly appreciated.

• All of my Geneva teammates for providing me support along the way. Also the Prime staff for being so supportive throughout this whole process.