Cover

Natural Ink

Summary
Natural Ink is an encompassing app for all your eco-friendly tie-dye needs. Find local plant-based sources around you or you can extract pigments from. Learn to craft from simple seasonal ingredients on any natural textile, including shirts, blankets, etc. Interactive tutorials will guide you to become an eco-friendly tie-dyeing master.
Timeline
Thesis Project: Spring 2020 - Spring 2021
Role
Concept & Research, Interaction, UI / UX Design, Mobile development
Scope
Problem framing, Concept development, Validation, User testing, Implementation (iOS & Android)
Tools
Figma, After Effects, Flutter, Procreate
fashion
Statement of Interest

Clothing Trends

Start late 2020 and beginning 2021 the fashion industry has begun to focus more of their new fashion lines on tie-dye and natural dye looks.

WHY IS THIS A PROBLEM?

High Price

Although tie-dye style is popular now, generally nice-looking handmade tie-dyes products are expensive.

Low Quality

Industrialized products have the same pattern, which is not unique. Choose cheap tie-dye clothes made with chemical dyes that can cause health concerns.

Outdated Tutorial

Currently, most professional craft tutorials are limited to books and onsite teaching.

mockup
Elevator Pitch

Natural Ink

App that lets you create eco-friendly tie-dye textiles using natural plant based materials.

The interactive tutorials make it easy for you to learn and create unique tie-dye artwork.

PRODUCT PREVIEW
gif2

Dye Plant Source

Quickly find dye plants near user’s location that matches user’s requirements.

Helps user’s create material list and also find the nearest store.

Gallery

Provide daily recommendations on natural dyes.

Add it to user’s mood board for the user’s inspiration.

gif3
gif1

Natural Dye Tutorial

Use legible graphics and the interactive animation tutorial makes learning easy and fun.

The Process behind

Natural Ink

TA
Strategy & Research Process

Target Audience

Demographic & Geographic

Interested in natural dyes and love to explore.

Psychographic & Behavioral

・People who like an eco-friendly lifestyle.

・People who like unique fashion style.

・People who want to do entertaining activities with friends and family.

Strategy & Research Process

My Assumptions

Plant Lover
Craft and fashion lover
Eco-lifestyle lover
Strategy & Research Process

The Research

In order to better understand the users' pain points. I designed learning goals to understand these contents through surveys and interviews:

・Increase people’s level of understanding of natural dyes and its source.

・Address concerns and worries about natural dyes.

・Explore people’s interests and desires.

・Let people learn using their preferred devices.

100

SURVED

10

INTERVIEWED

2

EXPERT

SURVEY FINDING

・The target audience: 21 to 40 years old female.

・60%< interested in crafting skills.

・67%< Briefly heard of natural dyes.

・The main information source: social media.

・Prefer using the mobile platform.

・Think natural dyes is very fun.

・Interested in natural dyes in textiles.

・biggest concerns: price and after care.

chart

USER INTERVIEW QUOTES

feedbackfeedback
feedbackfeedback

PERSONAS

persona
persona
VIEW FULL RESEARCH FILE

USER INSIGHTS

User Needs

・Find local plants near the user's location.
・Search the nearest fabric store.
・Find inspiration for artwork.
・Find an easy-to-understand tutorial.
・Stay close with family.

Frustrations

・Need more info about dye plants and material.
・Designing is a challenge.
・Traditional craft tutorial is too complicated to learn.

OPPORTUNITY

How do we help people to be inspired by and to create with natural dye?

Main Feature One

Find the Source

Task One: Pick the seasonal dye plant marigold, add it to material list.

・Find seasonal plant-based sources around you that you can extract pigments from.
・Create material list and also find the nearest store.

feature
Main Feature Two

Explore Inspiration

Task Two: Discover Gallery feature and save the first inspiration to moodboard.

・Helps you to find inspiration about fashionable tie-dye projects.
・Add it to the mood board for the next artwork inspiration.

task
Main Feature Three

Interactive Tutorial

Task Three: Learn how to extract avocado pigment in tutorial feature.

・Separate each important step, easy to learn.
・Combine with the video tutorial.

task
feature

TRY IT WITH FIGMA PROTOTYPE

Testing Process

User Testing

After finalizing the design direction, I start using my hi-fi wireframes for user testing to improve the app user interaction and focus on my main goals: Popularize natural dyes, Easy follow the tutorial.

Task Flow 1

feedback

Task Flow 2

feedback

Task Flow 3

Feedback
users
Quoats
ITERATION
iteration3

Highlight main features

The dialog design can quickly target different main features when new users first open this app. This reminder is more memorable than onboarding.

iteration2

Select Interest Tag

The new design choose the horizontal sliding container to save space. Add icon selection more eye-catching. Switch tab to refresh the page, UI design is more stable.

iteration1

Dyebath Timer

Add the timer start and pause button to let users choose when to start dyebath timing.

Visual Process

Design System

Visual Guide
Visual Process

Animation Design

marigoldPits
IndigoBoiling
AvocadoFilter
Technical Process

Applied Technology

I hope all the people can explore the beauty of natural dyes. So I chose Flutter, which uses Dart language that can be used across platforms. Which means the different platforms are not an obstacle to my product. It was an exciting achievement for me to learn the Dart language from scratch, and finally achieve my task flow function.

Code
Code
Code
The Final Thoughts

Key Takeaways

When making Natural Ink, I was a Researcher, a Designer, and a Front-end developer, which pushes me to learn to balance the thinking between design and development. Through more user testing and iterative development, I better understand the user's needs, rather than my own needs.

Although natural dye is a relatively unfamiliar concept to most people. But through the Natural Ink, combining good visual and animation. Many users expressed the hope that they can download it and can’t wait to start using it. ❤️

CHECK MY FULL CASE STUDY

View My Other Projects?

Glow

Glow

Professional period cycle tracker App and habit guidance, best for PCOS patients.

VIEW PROJECT
aurora

Aurora

Aurora is an app and IoT product that relieves stress and regulates body balance.

COMING SOON