Timeline

12 Weeks

My role

UX/UI designer and researcher from conception to protoype

About

Develop a mobile application for NaturCycle based of brand brief given

Software

Figma, Adobe Illustrator, Photoshop

New Entry for

Sustainable Beauty

Case Study

New Entry for

Sustainable Beauty

Case Study

New Entry for

Sustainable Beauty

Case Study

Timeline

12 Weeks

My role

UX/UI designer and researcher from conception to protoype

About

Develop a mobile application for NaturCycle based of brand brief given

Software

Figma, Adobe Illustrator, Photoshop

Overview

This case study focuses on developing the NaturCycle application with the goal of designing a comprehensive solution that aligns with both client desires and business objectives. The app will offer key features to clients, including Skin Analysis, Recycling, and Educational Programs, all aimed at raising awareness of environmental conservation.

the conventional experience

After conducting interviews before diving into developing Naturcycle’s mobile application, I came to conclusion on the cycle of many beauty products

Purchase products

Uses the product

Dispose product package

Repurchase product

Switch brands

Completion

The problem

NaturCycle focus on sustainability which also addresses the concern on environmental challenges generated by cosmetic industry which include the product packaging, carbon emission that associated with the production.


NaturCycle focus on sustainability which also addresses the concern on environmental challenges generated by cosmetic industry which include the product packaging, carbon emission that associated with the production.

THE SOLUTION

This application also aim to provide convenience and a thorough understanding of the production from each products, offering sustainability programs for user to participate and include reviews from customers to enhance a seamless experience in one application

client lean canvas

DESIGN GOALS

Understanding the common goals

User

Brand

Convenient Purchasing: Simplify the shopping experience by allowing customers to make purchases through the NaturCycle app according to their skintype.

Skin Analysis: Provide detailed skin analysis to help consumers understand their skin type, enhancing their purchasing decisions for a more personalized experience.

Community Building: Foster a community among customers who share similar values to effectively raise awareness about responsible environmental practices.

Transparency: Ensure transparency by listing ingredients for each product, highlighting NaturCycle’s commitment to using recycled human waste in their formulations.

Seamless User Experience: Store user data from skin analysis, payment information, and addresses to enable fast check-out and a smooth user experience.

Minimalistic Design: Focus on a clean, minimalistic design to highlight key features, including best-seller products, active programs, skin type catalog, order tracking, support, and FAQs.

Convenient Purchasing: Simplify the shopping experience by allowing customers to make purchases through the NaturCycle app according to their skintype.

Skin Analysis: Provide detailed skin analysis to help consumers understand their skin type, enhancing their purchasing decisions for a more personalized experience.

Community Building: Foster a community among customers who share similar values to effectively raise awareness about responsible environmental practices.

Transparency: Ensure transparency by listing ingredients for each product, highlighting NaturCycle’s commitment to using recycled human waste in their formulations.

Seamless User Experience: Store user data from skin analysis, payment information, and addresses to enable fast check-out and a smooth user experience.

Minimalistic Design: Focus on a clean, minimalistic design to highlight key features, including best-seller products, active programs, skin type catalog, order tracking, support, and FAQs.

NaturCycle leads the way in transforming human waste into cosmetics, making a significant contribution to environmental sustainability. By conducting thorough research on competitors in the eco-friendly cosmetics market, we have identified their strengths and weaknesses. This analysis has enabled us to develop a strategic mobile application designed to enhance user experiences.

Let’s dive into my research

Competitive analysis

We started by researching NaturCycle’s biggest competitors who offer similar product types and emphasize sustainability, laying the foundation before delving deeper into the mobile application’s features.

Comparative matrix

Users first.

After conducting thorough market and competitor research, we deepened our understanding of our target audiences. In this case study, we explore the development of both qualitative and quantitative personas to refine the requirements for the user experience. To achieve the best results, we conducted interviews with our Qualitative Persona to gain real user insights.

Quantitative persona

qualitative persona

Journey map

Mobile first.

Desktop later.

A/B TESTING

After selecting two rough sketches, we proceeded to gather feedback to determine the most optimal landing page design. This feedback was crucial in refining the layout to ensure it met user needs and expectations.

Based on user feedback during the A/B testing, we finalized with the final landing page and proceed to sketch the remaining tabs that flows coherently with the landing page without compromising the keyfeatures that are client’s wishlist

Bringing ideas to life

In the final phase of high-fidelity wireframing, a set of icons is included at the bottom of the app to highlight the specific pages users are navigating to. This addition ensures easy and intuitive navigation, enhancing the overall user experience.

HOW CAN WE FURTHER IMPROVE?

• Create a functioning prototype to display fictionality of app

• Continue refining UI Design to ensure steady user flow

• Design alternative for Desktop version

• Enhance scans for skin analysis

• Create another User flow revolving Skin Analysis

HOW CAN WE FURTHER IMPROVE?

Create a functioning prototype to display fictionality of app

Continue refining UI Design to ensure steady user flow

Design alternative for Desktop version

Enhance scans for skin analysis

Create another User flow revolving Skin Analysis

Vanessa Yong © 2024

Designed with Figma built on Framer.

Naturcycle