Project type: Restore App Case Study


Role: End to End Product Development

Industry: Beauty


Tools: Figma, Photoshop, Illustrator


Duration: 8 Weeks

Design Solution

Components

Onboarding

Get Started

Get Started

What brings you here?

Lifestyle Change

Skin Improvement

Sustainability

Join the Restore Community

Casually Browsing

Other

Skip

Get Started

What are the skin challenges you’re facing?

Tan

Skin Allergies

Blemishes

Acne

Wrinkles

Pores

Other

Skip

Hi, Welcome!

Email address

Your email

Password

Password

Remember me

Forgot password?

Log In

Or with

Facebook

Google

Sign up

Don’t have an account?

Icons

Top Nav

Bottom Nav

Home

Browse

M

Molly

Community

Search

Blog List

How to Make Natural Lip Balm

Learn the step-by-step process to create your own chemical-free lip balm at home.

How to Make Natural Lip Balm

Learn the step-by-step process to create your own chemical-free lip balm at home.

AI Button

Menu Cards

The Pumkins Secrets

The Pumkins Secrets

Brightening Turmeric and Honey Face Scrub

The Turmeric Secrets

Molly Mittal

4.8

Community Post

EcoBeautyQueen

2h ago - Restore Community

•••

My Experience with the Lavender-Infused Coconut Oil Moisturizer

Hey everyone! 👋 I've been using the Lavender-Infused Coconut Oil Moisturiser recipe from the Restore app for a few weeks now, and I must say, it's been a game-changer for my dry, irritated skin! 💧🌺

❤️

📷

Menu

Lifestyle Change

Lifestyle Change

Nora

Sustainable

Nora

Sustainable

Buttons

Get Started

Get Started

START

A poll asking users to share their motivations for joining Restore, to curate a more personalised app experience for the Restore Community

Another poll asking the users to share their beauty concerns that will help me develop better support t empower their journey towards natural and sustainable beauty solutions.

Homepage

The Restore app homepage boasts a clean, modern design with eco-conscious aesthetics, featuring pastel greens and earthy tones. Key elements include a branded header, navigation bar, sections showcasing personalized recommendations, popular recipes, and educational content. The layout prioritizes user-friendly navigation, engaging features, and sustainability-focused values to appeal to the target audience.

The Recipe Page

The Restore app's recipe page features a clean, modern, and visually appealing UI design. The page is well-organized, with various sections that are easy to navigate.

Ask an Expert

The "Ask an Expert" page on Restore offers a streamlined journey for users seeking personalised advice on natural beauty and personal care. It includes easy navigation to a user-friendly query form, options for personalisation based on individual needs, expert matching for relevant advice, timely responses, and opportunities for feedback. This ensures users receive tailored guidance from qualified professionals, enhancing their experience and confidence in using natural beauty solutions.

Personal Profile

The journey to the personal profile page on Restore is straightforward and user-centric. Users access their profile through a menu or profile icon, where they can manage preferences, view saved recipes, and track their engagement within the community. This page also allows users to customise their experience, such as updating personal information, managing notifications, and accessing personalised recommendations based on their activity and interests. It serves as a hub for enhancing user interaction and personalising their journey through the app's features and community offerings.

AI Chatbot

The Restore app's AI chatbot is a user-friendly, interactive feature designed to provide personalized beauty solutions to users. With a focus on natural, chemical-free remedies, the chatbot offers tailored recommendations based on individual user preferences, skin types, and specific concerns. By engaging in conversational exchanges, the chatbot learns more about each user, continually refining its suggestions to help them achieve their unique beauty goals.

Sign Up Screen

The Restore Community

The UI design of the Restore Community Page is user-friendly with a clean layout and nature-inspired visuals. It features easy navigation to recipe categories, user reviews, and discussion forums, fostering engagement. Interactive elements like ratings, comments, and sharing options enhance user interaction. The design is responsive across devices, promoting accessibility, while promoting a sense of community through shared DIY beauty solutions and tips.

Browse Page

The browsing journey on Restore's page is designed for effortless exploration of a diverse array of natural beauty and personal care recipes. Users navigate through categories such as face masks, scrubs, and lotions with intuitive filters for ingredients and user reviews. Each recipe features clear instructions, ingredient lists, and user feedback, empowering users to discover and create personalised solutions aligned with their beauty goals and preferences.

User Testing

Add the daily progress statistics to the profile page

Include the CTA to take action, ie Saving the recommendations or asking for more recommendation on the Chatbot

I used people’s recommendations in improving some features of the app

Hey How can I assist you today?

I am having hair fall issues, how can I make a good hair mask at home?

A

Here you go:


Hydrating Avocado Hair Mask

Ingredients:

1 ripe avocado

2 tablespoons coconut oil

1 tablespoon honey

2 drops of rosemary essential oil


Directions:

Mash the avocado until smooth.

Mix in coconut oil, honey, and rosemary essential oil.

Apply the mask evenly to your hair, focusing on the ends.

Leave the mask on for 20-30 minutes.

Rinse off with warm water and shampoo as usual.


Benefits:

This hydrating hair mask nourishes and moisturises your hair, promoting healthier and shinier locks while taming frizz and preventing split ends.

Ask AI

Add to my list

Share

Explore more

Type your message

Home

Browse

M

Molly

Community

Search

My Profile

Molly Mittal

mollyrestore@gmail.com

06/28

06/29

06/30

07/01

07/02

07/03

07/04

07/05

Personal Information

Order Details

Privacy

Notifications

Archived

Update Profile

Home

Browse

M

Molly

Community

Search

Added a daily progress tracker on the profile page to stay updated on the engagement on the app.

Added some further recommended action sections sticking to the Message Box

Reflection

Reflecting on the Restore app project, it has been a valuable learning experience that has allowed for growth in various aspects of the design process. Some key takeaways include:


Importance of user research: Conducting thorough user research and understanding the target audience's needs helped guide the design decisions and create a more user-friendly and impactful product.

Iterative design process: Embracing an iterative approach allowed for continuous improvement of the app's features and UI, ensuring a more refined and effective final product.

Collaboration and communication: Working effectively with colleagues was crucial in aligning the vision and goals for the project, ultimately leading to a successful outcome.

Focus on accessibility and inclusivity: Designing with accessibility and inclusivity in mind ensured that the app could be used by a diverse range of individuals, contributing to a more equitable digital environment.

Adaptability: Being open to feedback and willing to make changes along the way was essential in addressing challenges and creating a better user experience.


Overall, the Restore app project has reinforced the importance of thoughtful design, collaboration, and continuous learning in creating impactful digital products that address user needs and contribute to positive change.

© Molly Mittal, 2024, All Rights Reserved

© Molly Mittal, 2024, All Rights Reserved

Let’s Connect

Project type: Restore App Case Study


Role: End to End Product Development

Industry: Beauty


Tools: Figma, Photoshop, Illustrator


Duration: 8 Weeks

Design Solution

Components

Onboarding

Icons

Top Nav

Bottom Nav

Home

Browse

M

Molly

Community

Search

Blog List

How to Make Natural Lip Balm

Learn the step-by-step process to create your own chemical-free lip balm at home.

How to Make Natural Lip Balm

Learn the step-by-step process to create your own chemical-free lip balm at home.

AI Button

Menu Cards

The Pumkins Secrets

The Pumkins Secrets

Brightening Turmeric and Honey Face Scrub

The Turmeric Secrets

Molly Mittal

4.8

Community Post

EcoBeautyQueen

2h ago - Restore Community

•••

My Experience with the Lavender-Infused Coconut Oil Moisturizer

Hey everyone! 👋 I've been using the Lavender-Infused Coconut Oil Moisturiser recipe from the Restore app for a few weeks now, and I must say, it's been a game-changer for my dry, irritated skin! 💧🌺

❤️

📷

Menu

Lifestyle Change

Lifestyle Change

Nora

Sustainable

Nora

Sustainable

Buttons

Get Started

Get Started

Homepage

The Restore app homepage boasts a clean, modern design with eco-conscious aesthetics, featuring pastel greens and earthy tones. Key elements include a branded header, navigation bar, sections showcasing personalized recommendations, popular recipes, and educational content. The layout prioritizes user-friendly navigation, engaging features, and sustainability-focused values to appeal to the target audience.

The Recipe Page

The Restore app's recipe page features a clean, modern, and visually appealing UI design. The page is well-organized, with various sections that are easy to navigate.

Ask an Expert

The "Ask an Expert" page on Restore offers a streamlined journey for users seeking personalised advice on natural beauty and personal care. It includes easy navigation to a user-friendly query form, options for personalisation based on individual needs, expert matching for relevant advice, timely responses, and opportunities for feedback. This ensures users receive tailored guidance from qualified professionals, enhancing their experience and confidence in using natural beauty solutions.

Personal Profile

The journey to the personal profile page on Restore is straightforward and user-centric. Users access their profile through a menu or profile icon, where they can manage preferences, view saved recipes, and track their engagement within the community. This page also allows users to customise their experience, such as updating personal information, managing notifications, and accessing personalised recommendations based on their activity and interests. It serves as a hub for enhancing user interaction and personalising their journey through the app's features and community offerings.

AI Chatbot

The Restore app's AI chatbot is a user-friendly, interactive feature designed to provide personalized beauty solutions to users. With a focus on natural, chemical-free remedies, the chatbot offers tailored recommendations based on individual user preferences, skin types, and specific concerns. By engaging in conversational exchanges, the chatbot learns more about each user, continually refining its suggestions to help them achieve their unique beauty goals.

The Restore Community

The UI design of the Restore Community Page is user-friendly with a clean layout and nature-inspired visuals. It features easy navigation to recipe categories, user reviews, and discussion forums, fostering engagement. Interactive elements like ratings, comments, and sharing options enhance user interaction. The design is responsive across devices, promoting accessibility, while promoting a sense of community through shared DIY beauty solutions and tips.

Browse Page

The browsing journey on Restore's page is designed for effortless exploration of a diverse array of natural beauty and personal care recipes. Users navigate through categories such as face masks, scrubs, and lotions with intuitive filters for ingredients and user reviews. Each recipe features clear instructions, ingredient lists, and user feedback, empowering users to discover and create personalised solutions aligned with their beauty goals and preferences.