EatLove

Finding health through food and love.

EatLove is a web app and service for those who cook at home, to help with the planning and preparation of weekly meals. The web app customizes weekly menus based on nutrition, budget, and schedule. The service allows for optimized grocery shopping and purposeful preparation, while introducing users to inspirational chefs and culinary brands.

DriveWell

FS_CoverImgs_05-EL_DAW-18_R1-v1
EL Cover image

My Role

Detailed information goes here. Detailed information goes here. Detailed information goes here. Detailed information goes here. Detailed information goes here. Detailed information goes here. Detailed information goes here. Detailed information goes here. Detailed information goes here. Detailed information goes here. Detailed information goes here. 

Research & Analysis
For a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

Verbal Development Direction
For a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

Brand Identity
For a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

UX Planning & Design
For a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

Website Visual Design
Visual Design Guidelines (Web). Iconography Design. Data Visualization. Photography Management/Direction.

Digital Prototyping
For a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

Client
EatLove

Industry
Personalized Nutrition,
Technology

Responsibilities
Research and Analysis, Strategy, Brand, UX Planning and Design, UI Design, Visual Design Guidelines, Content Creative Direction

FS_06-A-Logo_05-EL_DAW-18_R1-v1
Preview of finished work

The Challenge

Headline about mission

Save time, money, energy, nutrition. Major behavior change. Aspirational lifestyle app. 

The Approach

Good Fast Cheap

Sussing out specific client needs, when the client is learning about technology on the fly, and what best fits their product. Started as a rapid prototype for a web desktop app; A sell-in tool for investors. Grew to additional in depth product design phases, brand development.  

First Steps/Kick-off

Language Matters

Cleaning up copy labeling, typography, color. Include user journey.

Auto Industry Users

The International New York Auto Show just happened to be starting at the same time as my relationship with DriveWell. In order to learn more about potential users, I spent a day collecting a large amount of visual inspiration for the brand and imagery that ended up in the final high fidelity comps.

12c_Verbal_05-EL_DAW-18_R1-v3
Menu vs Recipe
12c_01-UserFlow_05-EL_DAW-18_R1-v1
Insert basic user journey. Homepage > onboarding > Menu Plans > Planner > Planner insights > Shopping List
User journey, if any. additional sketches.
Early UX Sketches
Early UX Sketches

Early work

The Homepage & Onboarding

The most important parts of the product. Helped establish a look and feel (branding), verbal style, and initial steps about how to explain the product / appeal to potential users.    

12c_DT-Pages-HomePage_05-EL_DAW-18_R1-v1
Main pages (HP & onboarding)
12c_Onboarding_05-EL_DAW-18_R1-v1
Onboarding gif
12c_UI-Sketch-HP_05-EL_DAW-18_R1-v1
Onboarding gif
12c_Original-Site_Page_43-44
Early UX iteration for HP
12c_UX-Sketch-Onboarding_05-EL_DAW-18_R1-v1
UX Gif (HP + onboarding)
12c_Sketches-Vertical-A_05-EL_DAW-18_R1-v3
12c_Sketches-Vertical-C_05-EL_DAW-18_R1-v3

Brand Updates

Color, photography, typography, logo, marketing sheets.

FS_Logos_05-EL_DAW-18_R1-v1
Final logo with color variations
FS_Color-Texture_05-EL_DAW-18_R1-v2
Final logo with color variations
Early Logo + typography concepts
Early Logo + typography concepts
FS_Logos-Colors_05-EL_DAW-18_R1-v1
Final logo with color variations
FS_Logos-Food_05-EL_DAW-18_R1-v1
Color and texture presentation preview

Evolution of [...]

Planner

Heart of the service. Biggest challenge. Creating a new product.

12c_Planner-Insitu_05-EL_DAW-18_R1-v1
Preview detail image.
12c_DT-Pages-Planner_05-EL_DAW-18_R1-v1
Preview detail image.
UX white board sketches / iterative digital comps
12c_Sketches-A_05-EL_DAW-18_R1-v1
12c_Sketches-B_05-EL_DAW-18_R1-v1
Gif of planner UX
Default image
Detailed gif of planner animations
Default image
Gif of high fidelity planner animation.

Customized user experience

Taste profile, content development, search engine.

12c_DT-Pages-MenuMarketplace_05-EL_DAW-18_R1-v1
Preview detail image.
12c_DT-Pages-TasteProfile_05-EL_DAW-18_R1-v1
Preview detail image.
12c_Sketches-D_05-EL_DAW-18_R1-v1
Preview detail image.
UX white board sketches
Default image
UX Gif for search engine and menu marketplace.

Web guidelines & additional pages

CSS info, web guides, about page.

12c_DT-Pages-About_05-EL_DAW-18_R1-v1
Stills of About /Contact
12c_Sketches-E_05-EL_DAW-18_R1-v1
Default image
Guideline preview
Guidelines
Reflections

What I Learned

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea.

USA NetworkUX/UI Design

Son & DotterUX/UI Design

Bayer AspirinUX / UI Design

PUMA SocialBranding, UX/UI, Product Design

Food ShiftBranding, UX/UI, Product Design

Hatch FenwayBranding, UX/UI, Product Design

EatLoveBranding, UX/UI, Product Design

PUMA DanceBranding, UX/UI, Product Design