"Rooted helps users find the right plants for their homes with expert guidance, eco-friendly delivery, and smart care tips, all in one seamless experience."

Project overview

What is Rooted?

Rooted is a fresh and fun online shop where people can buy all kinds of indoor and outdoor plants, pretty pots, bouquets, and plant care products.

I also created a website for it as part of my project!



February 2025 _ May 2025

Week

Website - Web App

Platform

+ 50

Screens

Product Designer

My Role

The proses was like ...

.1

Research . Capitative Analyse . Discover goals ,problem

.2

User research . User survey and interviews . Customer Journey Map . User Personas

.3

Information Architecture . user Flow . Low and High Wireframes . Crazy 8s

.4

Style guide . components . Desktop Ul Design . Web app Design . Prototyping .

.5

crafting presentation

Competitive Analyse

Responsibilities

The process started with general research, benchmarking and competitor analysis. It wes lots of products from both global and local markets. Even tough in Denmark, you can buy plant in(local market like Netto).

Pain Point

User Research

Users are the main factor in the journey. That's why I spent a lot of time here in the stage of user research.

That’s why I went to the Planturama shop to see what services they don’t have, so I can bring them to my website.

Persona

User story

User story

“As a student living and studying abroad, I want to send a plant as a gift to my mom, but I don’t know which one suits her best. I also want the store to help her learn how to care for the plant.”

“As a student living and studying abroad, I want to send a plant as a gift to my mom, but I don’t know which one suits her best. I also want the store to help her learn how to care for the plant.”

Goals

Goals

Get advice on the best plant for her mom.

Make sure the plant is delivered fresh and on time.

Help her mom learn how to take care of the plant easily.

Get advice on the best plant for her mom.

Make sure the plant is delivered fresh and on time.

Help her mom learn how to take care of the plant easily.

Pain point

Pain point

Unsure which plant is the right match for her mom.

No clear plant care instructions for beginners.

Worries her mom might not know how to keep the plant healthy.

Unsure which plant is the right match for her mom.

No clear plant care instructions for beginners.

Worries her mom might not know how to keep the plant healthy.

Extrovert

Extrovert

Introvert

Introvert

Traditional

Traditional

Modern

Modern

Cautious

Cautious

Risk-taker

Risk-taker

Tech-savvy

Tech-savvy

Not tech-savvy

Not tech-savvy

"Flowers are a magnificent gift to make others happy."

Anna

User story

User story

As a couple who runs a small plant store from home, Ryan and Rebecca find it hard to buy fresh flowers and plants because the suppliers are far away. They want to order online to stock their store but need fast delivery and fresh products for their customers.”

As a couple who runs a small plant store from home, Ryan and Rebecca find it hard to buy fresh flowers and plants because the suppliers are far away. They want to order online to stock their store but need fast delivery and fresh products for their customers.”

Goals

Goals

Order fresh plants and flowers online for their store.

Get fast delivery to keep customers happy.

Make sure the plants stay fresh and high quality.

Order fresh plants and flowers online for their store.

Get fast delivery to keep customers happy.

Make sure the plants stay fresh and high quality.

Pain point

Pain point

Hard to find reliable online suppliers.

They receive too many customer orders and need a website that always has plants in stock.

They want discounts or coupons for bulk orders to save money.

Hard to find reliable online suppliers.

They receive too many customer orders and need a website that always has plants in stock.

They want discounts or coupons for bulk orders to save money.

Extrovert

Extrovert

Introvert

Introvert

Traditional

Traditional

Modern

Modern

Cautious

Cautious

Risk-taker

Risk-taker

Tech-savvy

Tech-savvy

Not tech-savvy

Not tech-savvy

"Flowers and plants are great way to cultivate your mood."

Rayan&Rebeca

Goals

Goals

Goals

Help users find the perfect plant for their environment

Make plant care easy, even for beginners

Offer a fun and personalized shopping experience

Build a user-friendly, eco-conscious plant shop

Help users find the perfect plant for their environment

Make plant care easy, even for beginners

Offer a fun and personalized shopping experience

Build a user-friendly, eco-conscious plant shop

Help users find the perfect plant for their environment

Make plant care easy, even for beginners

Offer a fun and personalized shopping experience

Build a user-friendly, eco-conscious plant shop

Pain point

Pain point

Pain point

Hard to find the right plant for specific conditions (light, space, pet safety, etc.)

Confusing care instructions after buying a plant

Limited customization options for pots

Lack of reliable product info and plant guidance

Frustration with poor filtering options on other plant sites

Hard to find the right plant for specific conditions (light, space, pet safety, etc.)

Confusing care instructions after buying a plant

Limited customization options for pots

Lack of reliable product info and plant guidance

Frustration with poor filtering options on other plant sites

Hard to find the right plant for specific conditions (light, space, pet safety, etc.)

Confusing care instructions after buying a plant

Limited customization options for pots

Lack of reliable product info and plant guidance

Frustration with poor filtering options on other plant sites

Challenges

Challenges

Challenges

Making plant care easy to understand for beginners

Letting people customize pots without making it too hard to use

Making sure the filters give the right plant suggestions

Getting people to actually scan and use the care QR codes

Making plant care easy to understand for beginners

Letting people customize pots without making it too hard to use

Making sure the filters give the right plant suggestions

Getting people to actually scan and use the care QR codes

Making plant care easy to understand for beginners

Letting people customize pots without making it too hard to use

Making sure the filters give the right plant suggestions

Getting people to actually scan and use the care QR codes

Overcome

Overcome

Overcome

Smart filters suggest plants based on light, space, lifestyle

QR codes on delivery give care tips

Customized pots let users match their style

Clear plant info (light, water, size, toxicity, etc.)

Guides and recommendations help users choose confidently


Smart filters suggest plants based on light, space, lifestyle

QR codes on delivery give care tips

Customized pots let users match their style

Clear plant info (light, water, size, toxicity, etc.)

Guides and recommendations help users choose confidently


Smart filters suggest plants based on light, space, lifestyle

QR codes on delivery give care tips

Customized pots let users match their style

Clear plant info (light, water, size, toxicity, etc.)

Guides and recommendations help users choose confidently


User flow

Logo

The Rooted logo is simple, modern, and clear. It uses green to show nature and growth. The name and logo are mixed together as one. The letter “O” is designed with a leaf, making a unique and easy-to-remember symbol. It shows a smooth connection and a friendly, eco-friendly feel between Rooted and its customers.

Safezone

To keep the logo clear and easy to see, always leave some empty space around it. Don’t put any text, images, or other elements too close. This helps the logo stay clean and easy to read everywhere.

Logo Variations

These logo variations are designed for use across different background types and must be consistently applied to maintain a cohesive brand identity for Rooted.

Wireframe

In the Rooted project, I followed the Design Craze 8 framework to guide the design process from research to final visuals. I began with low-fidelity wireframes to quickly explore layouts and user flows, then refined them into high-fidelity wireframes with detailed visuals, branding, and UI elements—ensuring a smooth and user-centered experience throughout.

color plate

My Mood board

My Mood board

My Mood board

A peaceful and calming palette inspired by nature.

A peaceful and calming palette inspired by nature.

A peaceful and calming palette inspired by nature.

🍂 Warmth

🍂 Warmth

🍂 Warmth

Warm, cozy colors like terracotta and brown.

Warm, cozy colors like terracotta and brown.

Warm, cozy colors like terracotta and brown.

A feeling of home, grounding, and stability.

A feeling of home, grounding, and stability.

A feeling of home, grounding, and stability.

🌞 Nurturing

🌞 Nurturing

🌞 Nurturing

Soft, natural colors that feel warm and inviting.

Soft, natural colors that feel warm and inviting.

Soft, natural colors that feel warm and inviting.

🌱 Growth

🌱 Growth

🌱 Growth

A lively and fresh feeling that reminds you of growth and new beginnings.

A lively and fresh feeling that reminds you of growth and new beginnings.

A lively and fresh feeling that reminds you of growth and new beginnings.

🌍 Eco-friendly

🌍 Eco-friendly

🌍 Eco-friendly

Colors that reflect care for the environment and a connection to nature.

Colors that reflect care for the environment and a connection to nature.

Colors that reflect care for the environment and a connection to nature.

🌿 peaceful

🌿 peaceful

🌿 peaceful

🏡 Stable

🏡 Stable

🏡 Stable

I picked the Poppins font because it looks clean, modern, and is easy to read. Its simple shapes feel friendly and welcoming. It works great on both screens and paper, so it can be used everywhere.

800

800

#151f1a

#151f1a

700

700

#1b2a23

#1b2a23

600

600

#22352c

#22352c

500

500

#294035

#294035

400

400

#4a7360

#4a7360

300

300

#6fa38a

#6fa38a

200

200

#a6c0b4

#a6c0b4

100

100

#d7e3dd

#d7e3dd

50

50

#F0F4F2

#F0F4F2

primary color

primary color

900

900

#2d1c0d

#2d1c0d

800

800

#5e3a1b

#5e3a1b

700

700

#955923

#955923

600

600

#c97730

#c97730

500

500

#d9985f

#d9985f

400

400

#e0ac7e

#e0ac7e

300

300

#e8c09d

#e8c09d

200

200

#ead4c1

#ead4c1

100

100

#F4E8DE

#F4E8DE

50

50

#f9f2ec

#f9f2ec

secondary color

secondary color

Typography

Aa

Aa

Aa

Aa

Aa

Aa

Font:

Font:

Font:

Baumans

Baumans

Baumans

use for:

use for:

use for:

Logo

Logo

Logo

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9

Font:

Font:

Font:

Poppins

Poppins

Poppins

use for:

use for:

use for:

text

text

text

Aa

Aa

Aa

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9

Components

Mockups

Prototype

In the prototype section, I created interactive mockups to visualise the user journey and design elements of the application. This allowed for testing usability and gathering feedback on key features before final development.

Key Feature

Usability test

Usability testing

Using Figma, I conducted a moderated user test with an observer. I set tasks and asked users to express their thoughts and feelings while working with the prototype.

Core tasks

The task was to order a plant using a guided questionnaire that helps the user choose from recommended plants. After placing the order, the user can upload a photo of the plant to the website to receive personalised care guidance.

Methodology

Moderated Usability Test

Participants

Participants: Anyone with experience buy plants online.

Operating System: Website

Age Range: Any

Gender: Any

Result’s summary

After testing these two flows, I realised that creating a mobile-friendly version was essential.


Most users naturally scan QR codes with their smartphones, making it the primary device for accessing care instructions.


Similarly, completing the questionnaire is often more convenient on a mobile phone, since users might not always have a laptop or tablet at hand.


By optimising these flows for mobile, the experience becomes faster, easier, and more accessible in real-life situations.

As a result, I decided to design all the pages for the full Rooted web app, ensuring that users could easily browse, select, and purchase plants without friction across the entire experience.

Reflection

From the Rooted project, I learned the importance of designing for the devices users actually use. For example, most people scan plant care QR codes on their phones, so ensuring a smooth mobile experience was essential. This taught me to always consider when, where, and how users will interact with a feature.

Create a free website with Framer, the website builder loved by startups, designers and agencies.