top of page

PLANTS &

PLANTERS

UI/UX DESIGN

Background:

Plants & Planters connects local nurseries/gardeners with consumers to sell plants directly and provides detailed care information. As the UI/UX designer, the goal is to improve the user's experience on the platform.

Asset 29_4x.png

Objective:

The main objective of the UI/UX design is to create an interactive and responsive user interface that enhances the user's experience while using the Plants & Planters platform. The interface should be easy to use, navigate, and visually appealing.

Target Audience:

Plants & Planters' target users are those who love plants and gardening but lack knowledge, time, and proper care. The platform is intended to deliver plants to consumers' homes as well as provide specific instructions on how to care for the plants.

​

  • Responsiveness

  • Consistency

  • Easy Customization

Design Considerations:

  • User-Friendly Design

  • Intuitive Navigation

  • Visual Appeal

User Persona:

Asset 5_4x.png

"Busy Urban Gardener"

- Sarah

A 35-year-old woman living in an apartment, loves plants but struggles to care for them due to long work hours and frequent travel.

Needs:

An easy-to-use platform that can provide information on plant care and deliver plants directly to her door.

Frustrations:

Limited time for plant care, lack of knowledge on plant care.

Asset 6_4x.png

"First-Time Plant Owner" 

- John

A 24-year-old man who recently moved into his first apartment and has no prior experience caring for plants.

Needs:

Guidance on choosing plants and caring for them.

Frustrations:

Lack of experience and knowledge on plant care.

Asset 7_4x.png

"Plant Enthusiast"

- Maria

A 55-year-old retired woman who is an avid gardener and always looking to add new plants to her collection.

Needs:

A platform that connects her with local nurseries /gardeners to find unique plants and advanced care information.

Frustrations:

Difficulty finding unique plants, limited access to advanced care information.

Information Architecture:

Visual Style Guide:

Typeface

Mont

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Wireframes:

Landing Page​

Landing Page​

01 Landing page Desktop.png

Color Scheme

Group 109.png

Products Page

Icons / Buttons

Group 108.png

Product Detail Page

Final UI Designs:

Landing Page​

Landing Page​

Desktop- Landing Page.png

Products Page

Product Detail Page

Live Prototype of Web UI Design:

Desktop Web UI

Mobile Web UI

MORE PROJECTS:

Asset 28_4x.png

PROACTIVE:

CONCEPTUAL

PRO-

ACTIVE

Asset 27_4x.png

GRIGLIA:

GRILLER

UI/UX

DESIGN

Asset 5_2x.png

BREAKING BAD:

THE BOOK

PUBLICATION

DESIGN

Asset 3_4x.png

​ARCADE MANIA:

DIY SPEAKER

UI/UX

DESIGN

bottom of page