Lifesum
UI DESIGN
My Roles
UI Designer, Design System Designer
Team
Caitlin Yackley, Steven Pereira, Jamie Johannessen, Suma Deshpande
Duration
1 month
Tools
Lifesum
UI DESIGN
My Roles
UI Designer, Design System Designer
Team
Caitlin Yackley, Steven Pereira, Jamie Johannessen, Suma Deshpande
Duration
1 month
Tools
My Roles
UX Researcher, UI Designer, Design System, Interaction Designer
Team
Caitlin Yackley, Steven Pereira, Jamie Johannessen, Suma Deshpande
Duration
4 months
Tools
Lifesum
ux/ui design
ux/ui design
Lifesum
ux/ui design
My Roles
UX Researcher, UI Designer, Design System, Interaction Designer
Team
Caitlin Yackley, Steven Pereira, Jamie Johannessen, Suma Deshpande
Duration
4 months
Tools
Lifesum
ux/ui design
My Roles
UX Researcher, UI Designer, Design System, Interaction Designer
Team
Caitlin Yackley, Steven Pereira, Jamie Johannessen, Suma Deshpande
Duration
4 months
Tools
overview
Redesign an app lacking effective UI design, and implement new features that address specific user needs.
Redesign an app lacking effective UI design, and implement new features that address specific user needs.
Redesign an app lacking effective UI design, and implement new features that address specific user needs.
The Problem
Outdated UX design does not solve user needs efficiently - lacking features that are inclusive, save users time, and promote tailored nutrition.
The Solution
Introduce new features to make Lifesum more accessible to users with varying needs.
01 Case Study Video
01 Case Study Video
02 Features & Design
02 Features & Design
Feature #1
LOCAL EATS
LOCAL EATS
LOCAL EATS
Allows users to easily find their favorite recipes from Lifesum in food spots and restaurants near their location through a built-in map.
User Benefit: Keeps users on track with their nutrition goals, while saving them time and energy.
Allows users to easily find their favorite recipes from Lifesum in food spots and restaurants near their location through a built-in map.
User Benefit: Keeps users on track with their nutrition goals, while saving them time and energy.
Find it Nearby
Users can click on a Lifesum recipe, and find where it or something similar is offered nearby.
In-App Directions
Users get directions in Lifesum and are able to see the number of steps to their destination.
Users get directions in Lifesum and are able to see the number of steps to their destination.
Users get directions in Lifesum and are able to see the number of steps to their destination.
Feature #2
FOCUSED NUTRITION
FOCUSED NUTRITION
FOCUSED NUTRITION
Users can decide what nutritional information they want to track, and Lifesum will create a personalized dashboard for the user, unique to their nutrition journey.
User Benefit: Users will feel more inclined and safe to keep track of their nutrition if they don’t have to continually face unwanted triggers while tracking.
Users can decide what nutritional information they want to track, and Lifesum will create a personalized dashboard for the user, unique to their nutrition journey.
User Benefit: Users will feel more inclined and safe to keep track of their nutrition if they don’t have to continually face unwanted triggers while tracking.
SET YOUR PREFERENCES
Users can pick and choose what they want to see on their diary, avoiding triggers and unwanted feelings.
UPDATED INTERFACE
Lifesum creates a custom diary that allows users to track whatever nutrition they want.
Lifesum creates a custom diary that allows users to track whatever nutrition they want.
Lifesum creates a custom diary that allows users to track whatever nutrition they want.
Feature #3
INGREDIENT SWAP
INGREDIENT SWAP
INGREDIENT SWAP
Allows users to easily filter recipes and add substitutions while comparing nutritional value.
User Benefit: Offers users an easy and efficient way to substitute ingredients and find recipes that match their needs, while also preserving nutritional priorities.
Allows users to easily filter recipes and add substitutions while comparing nutritional value.
User Benefit: Offers users an easy and efficient way to substitute ingredients and find recipes that match their needs, while also preserving nutritional priorities.
SUBSTITUTE INGREDIENTS
Ingredient substitutions are offered for each meal in order to fit dietary restrictions or simply user preferences.
COMPARE NUTRITION
Users can compare the nutrition facts between their substitutions and original ingredients.
Users can compare the nutrition facts between their substitutions and original ingredients.
Users can compare the nutrition facts between their substitutions and original ingredients.
Feature #4
ACTIVE PLANNING
ACTIVE PLANNING
ACTIVE PLANNING
A new way to integrate nutrition and fitness planning. Users can coordinate their workouts and meals together, rather than in separate apps.
User Benefit: Users who benefit from structure and planning can reach their goals more easily.
A new way to integrate nutrition and fitness planning. Users can coordinate their workouts and meals together, rather than in separate apps.
User Benefit: Users who benefit from structure and planning can reach their goals more easily.
MEAL PLANNING
Users can plan their meals out ahead of time, making logging even easier and more efficient. Users who benefit from planning and organization are able to reach their goals more easily.
WORKOUT PLANNING
Users can plan their workouts ahead of time, and can simply adjust the number of sets, and reps they actually did when logging the workout.
Users can plan their workouts ahead of time, and can simply adjust the number of sets, and reps they actually did when logging the workout.
Users can plan their workouts ahead of time, and can simply adjust the number of sets, and reps they actually did when logging the workout.
CALENDAR
Users can view all of their planned meals and workouts in one spot.
COLOR CODING
With easy color coding, users can tell if they’ve planned a workout (teal), a meal (yellow) or both (split color).
SYNC TO CALENDAR
Users can sync their plans to their external calendars, to aid them in the planning process even more.
Users can sync their plans to their external calendars, to aid them in the planning process even more.
Users can sync their plans to their external calendars, to aid them in the planning process even more.
03 Design System
03 Design System
