top of page

Prompt: Design an responsive mobile application which helps houseplant owners diagnose plant health issues.  

Idea Icon Image

A mobile app combined with AI-driven diagnosis and an intuitive interface to empower users to diagnose plant issues and access tailored solutions.

Idea

Project Overview

Project Overview

Design Process:  For this project, I followed a User-Centered Design process, ensuring the app was built around the needs and preferences of potential patrons who love their plants. Through user research, including surveys and interviews, I identified key personas and their pain points. I then designed and iterated on wireframes and prototypes, continuously testing and refining the interface based on user feedback. The result is a streamlined, intuitive diagnosing experience that prioritizes simplicity.

Screenshot 2025-02-10 at 11.20.50 AM.png
Persona 1
Persona 2
Persona 3
User Journey Map.png

Alice’s journey highlights key opportunities to enhance the user experience and ensure a seamless diagnosis process. These insights emphasize the need for user-friendly design, transparent feedback mechanisms, and proactive plant care suggestions to create a more effective and satisfying experience for users like Alice.

After empathizing with users and creating the user journey map, I translated key insights into wireframes. The focus was on a streamlined diagnosis flow, intuitive navigation, and guided interactions to keep users engaged. These wireframes laid the foundation for a seamless and user-friendly plant care experience.

Screenshot 2025-02-06 at 3.11_edited.jpg

Iteration is one of the key to successful design. Therefore, I Iterated through my wireframes as per feedbacks and turned them to refined digital wireframes. 

Screenshot 2025-02-10 at 11.34.17 AM.png
Screenshot 2025-02-06 at 3.27.38 PM.png
Screenshot 2025-02-06 at 11.44.10 AM.png
Screenshot 2025-02-06 at 11.45.08 AM.png

After finalizing the wireframes, I began designing the design system in Figma to ensure consistency and scalability. This included defining color styles, typography, components, and UI elements that align with the app’s purpose

Design System.png

I used green as primary color on the plant issue diagnosing app, green represents plant health, guidance, and positive actions. A vibrant green indicates healthy plants, while a muted or yellow-green signals early distress. Green is also used for navigation elements that encourage recovery and care. 
Keeping Accessibility in mind, I have ensured inclusivity for users with color vision deficiencies, green is paired with clear iconography, patterns and text labels rather than relying on color alone. I also maintained sufficient contrast ratios between green element and their backgrounds, meeting WCAS guidelines for readability.

​​

For typography, I chose Rubik for its modern, approachable and highly legible design. Its slightly rounded edges create a friendly and organic feel, aligning with the app’s nature-focused theme.​​​

Design

Screens

 I designed and organized screens into Splash, Login, Profile and Home. The first three base screen categories are below and Home Screen is discussed with more details. 

Splash/Signup/Profile

Screenshot 2025-02-10 at 4.20.54 PM.png

Home

Screenshot 2025-02-10 at 1.10.47 PM.png

The search bar allows users to quickly search find relevant plant issues.

Image to connect with users and quick navigation option to upload image. 

Filled scan button highlights and serves as a quick-access feature for users to diagnose plant issues by scanning an image.

Notification addresses users feedback to receive notifications of plant care.

Scenario 1:
 Diagnosing plant issue by scanning the plant.

Screenshot 2025-02-10 at 4.34.33 PM.png

Result

Screenshot 2025-02-10 at 4.34.10 PM.png

Scenario 2:
 Diagnosing plant issue by uploading the image.

Screenshot 2025-02-10 at 4.34.47 PM.png

As per users research, users wanted a quick way of identifying plant issues. Scanning functionality gives user the privilege to quickly identify the plant issue. 

Color differentiated, readable result screen addresses users pain point of not being able to focus on the issue. 

As per user research, users wanted multiple option on diagnosing plant issues. Option to upload image gives the user that flexibility.

Statement and Acknowledgement:      

This project was completed as part of the Google UX Design Professional Certificate program, focusing on designing a responsive mobile application that helps houseplant owners diagnose plant health issues.
 

The design process followed a User-Centered Design (UCD) approach, incorporating user research, iterative prototyping, and usability testing to create a solution tailored to the needs of plant owners. Key insights were gathered through surveys, interviews, and competitor analysis, ensuring that the final design addresses real user pain points, such as difficulty identifying plant symptoms, lack of reliable information, and complex diagnosis methods.
 

I acknowledge the contributions of users who participated in research and usability testing, providing valuable feedback that shaped the design decisions. Additionally, I recognize the Google UX Design Certificate curriculum for guiding the structured approach to problem-solving and product design. This project serves as a demonstration of my UX design skills, applying research-driven methodologies to create an intuitive and effective solution for plant care enthusiasts.

bottom of page