UX/UI, USER RESEARCH, WEBSITE DESIGN, BRANDING

CLIENT: FRESHKIT

 

Concept for a meal-kit delivery service that allows users to set their food preferences and then receive automated deliveries of uncooked ingredients and recipes to their door every week. The goal of this concept project was to develop a new subdomain of their existing website for users to land on where they can order specific meals in specific quantities for delivery vs. signing up for a weekly meal plan.

ABOUT

Freshit Kit Mockup.jpg

CONSTRAINTS

  • Users must be able to filter by allergies/dietary preference

  • Users must be able to choose how many of each item they want to order

FINAL DELIVERABLES

  • New site homepage

  • Product search page

  • Product detail page

  • Style guide/typography/color palette

OVERVIEW

 

RESEARCH GOALS

  1. Understand the customer

  2. Look at trends in the industry and identify the most important filters to include

  3. Define what item level information is important to show on Product Search and Detail pages

PRIMARY RESEARCH

  1. Customer: who​ ​is​ ​the​ ​client​ ​trying​ ​to​ ​sell​ ​to?​ ​

    • Millenial urbanites

    • Those with more disposable income ~$100K+

    • People who want a less expensive non-subscription option

  2. Competitive analysis: important filters

    • Dietary preference

    • Servings/night

    • Nights/week

  3. Competitive analysis: item level Information

    • Dietary category

    • Cook time

RESEARCH

 

IDEATION

USER PERSONA

USER FLOW / SITE MAP

 

DESIGN

INITIAL WIREFRAMES

 

STYLE GUIDE / BRANDING

FINAL PRODUCT

click here to view final prototype in inVision

Homepage Wireframe.jpg

Homepage

- Hero image with text overlay for brand to call out difference in this subdomain

- Clear “How it Works” section to further explain to users the difference between this program vs. their existing plans

- Showcases variety dietary options and more affordable cost/meal

PLP Wireframe.jpg

Product listing page

- Ability to filter by dietary preference, allergies, and cook time

- Sort by feature available to user

- Banner adds to showcase most popular meals

PDP Wireframe.jpg

Product detail page

- Cook time and dietary category listed at top of page for quick viewing

- Ability to choose number of meals and how many times per week (delivery date selected at checkout)