Project Details
Timeframe: 2 weeks
Roles: UX/UI Designer
Team: 2 UX/UI Designer
Tools: Sketch, InVision, Keynote, Google Suite
Overview:
E-commerce mobile website for an vegan restaurant
Problem Statement
This where we come up with our pain points and overall statement on how we are going impact on this website, within this statement our KPI’s are stated.
We have observed that LoveLife Vegan Cafe is not meeting customers needs for a convenience ordering process for their food orders, which is causing customers to turn away from ordering from LoveLife Vegan Cafe.
We are able to improve the customers ordering experience by providing them a mobile responsive application that allow the customers to place order ahead of time, specialty during peek time such as lunch time rushes.
We based our succeed by on the number of orders place using the app.
This is the process that we used to determined what is the problem and how to solve the problem
This where we find out what’s works in the market, we listen and understand who’s our users, created our business plan and look feel.
Competitive Audit
This is where look at competitors.
Social Listening
This where we go onto Social Media platforms and see what user are saying about the business or even about the services.
Thank you, Yelp.com
Thank you, Yelp.com
Created on Notion
Assumptions/ UX Strategy
During our desk researcher our original ideas started to form. We created strategy to have sense of direction and to create an action plan.
1:1 Interviews
This where my team and I, went to LoveLife’s customers ask them questions about their overall experience, such the time-wait, customer service and overall environment
Surveys
We conducted a survey to test our assumptions and learn more about LoveLife customers behaviors. We had total of 21 responses.
95% of our user who we ask, “how likely would they use app to order the food ahead time”
100% of our user wanted quicker waiting time than currently time wait.
Conversely, 71.4 % of our user stated that their idea wait time is between 5 to 10 minute to pick up their order.
Persona
Who’s our target audience?
As continue the framework my team and wanted to create audience that would illustrated their pain points and needs. My team and I created two persona Lilly McDonald (show) and David Clarke.
During this process we create questions to ask our self about Lily and David such as what do they for a living and what would like to do base of social listening.
Task Flow (New Guest)
My team and I divided and concord during this process we wanted to see how new guest would be able to complete one single task.
Task Flow Chart (Existing User)
Sitemap
This shows how much screens are going within apps.
Wireframes
This helps designer to have idea to navigate where features and content should be placed.
This is where we take on we know and transform it into the feel, branding, functionally into real life. LoveLife Ordering app design comes to life.
Design Mockups
During this moment is where we test our designs, evaluated our functionality, and overall mood.
Alter Designs
We alter designs after doing testing, A/B testing around the office. We decided that we would change our design to more simple idea
This is moment where we would have somewhat of a finish product for version one, then we would go off to hand off where the engineers would code and beta testing would start
Annotations
Help developers know how the system should interact with the user.
Some final thoughts
Creating a food ordering application has a-lot of critical thinking specially with certain an persona without having anyone feel as they are not included.
My team and I wanted to create application that would cut the middle man such as DoorDash etc. and I believe that this application would help revenue of overall take out and pickup order with time.