lovelife.homepage.hero.v9.png

LoveLife

lovelife.homepage.hero.v12.png

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.


Framework main headers .png

This is the process that we used to determined what is the problem and how to solve the problem

framework.v1 60 .png

grasp main headers .png

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.

Uber Eats .jpg
Sweet Copy.png

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

 
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.

TaskFlow .png
 

 

Task Flow Chart (Existing User)

Screen Shot 2020-01-21 at 9.09.22 PM.png
 

 

Sitemap

This shows how much screens are going within apps.

sitemap white.png
 

Wireframes

This helps designer to have idea to navigate where features and content should be placed.


construct main header.png

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

 
mockups .png

Evaluation lovelife .png

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 


Main header launch png .png

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.