%201.png)
Timeline
4 weeks (January 2023)
Role
UX/ UI Designer | Academic Project
Context
Sprightly Salads
A healthier alternative to fast-food! Sprightly Salads offers custom salads, wraps, smoothies desserts and much more. For busy people on-the-go who prefer to skip the line and order ahead for easy pickup and convenience.
Goal of the Product
A convenient online food-ordering experience
With the launch of the Sprightly Salads mobile app, we hope to bring an easy and convenient online food ordering and restaurant pickup experience to our target audiences.
User Needs
-
Quick ordering process
-
Good overall flow and organization of app
-
Easily able to customize an item or choose from the pre-made options
​Business Needs
​
-
Increase customer acquisition
-
Improved customer loyalty
-
Increase revenue
To keep in mind who we are designing for, a persona was created representing the primary target audience's demographics, behaviours, pain points and needs.
Persona
Meet Ella!
.png)
Development
Mapping Out Task Flows
A user flow has been created to map out the different pathways of ordering a meal. This will guide us in the development of sketches without having to backtrack and reiterate.
Full view:
.jpg)
Development
User Flows
.jpg)
.jpg)
Close ups:
Development
Sketches
Once the task flows were decided, sketching began to show what each interface in the process would display. This particular flow is a walkthrough of ordering a bowl for pickup.
Development
Wireframes
.png)
Design
Moodboard
%201.png)
Design
Style Tile
%201.png)
Design
Hi-Fidelity Mockups
Referring to the moodboard and style tile, the wireframes were then updated to high-fidelity mockups demonstrating what the final product would look like.
.png)
.png)
.png)
Design
Final Look
Conclusion
Reflecting Back
Overall, I enjoyed going through process of this project and am proud of the final product, however if I would have done it all again here are my key takeaways:
Iterate, Iterate, Iterate: Although I am happy with the end result, I wish I would have explored more solutions instead of deciding on my first iterations from the start. This would have been most beneficial at the sketching stage of the process where the interfaces where taking place.
​
Embrace Feedback: I’ve come to see mistakes as stepping stones rather than setbacks. I wish I had sought more feedback from others throughout each phase which can be crucial in spotting UI flaws and deeper UX issues, pushing me to improve continuously.
Thanks for reading
Check out my other work!
