Keep growing your knowledge!
PRODUCT
Responsive Website
ROLE
UX/UI • Logo
SCOPE
1 week
OVERVIEW
Focus on house plants!
People around the world have adopted the love and care for houseplants and even gardening. Because of the rising use of mobile devices, people are looking for a quick and easy way to find information on how to care for their new plant babies!
GOAL
Create an app for quick and easily accessed plant care information with a responsive website for desktop use.
Form an equitable experience for an audience ranging in digital literacy.
Develop a straightforward yet engaging format for content layouts.
CHALLENGES
Responsive website to app.
Recognizing digital literacy greatly differed between audiences that exist within the hobby.
Allow users to easily access crucial plant care information with a glance.
MY ROLE
UX/UI Research and Visual Designer
Developed wireframes and
usable prototypes.
Facilitated usability testing and synthesized data for recommendations on iterations toward the final product.
EMPATHIZE
Brainstorming Questions
I wanted to develop a clearer pathway as to how this particular product would work. I asked myself these main questions in order to get started:
Question 1
What key pieces of info do plant owners want to know right away?
Question 2
How would users want to navigate an info-based website when their plant is in dire need of care?
Question 3
What would plant owers find convenient if they were to use an info-based website?
Who might need this?
To ensure this is an equitable product, I created personas that would potentially have issues with mobile app use without additional features that assist them.
Art (They/them)
Age: 60
Picked up houseplants as a retirement hobby.
Has a large dog.
Lives in a humid country.
Has a vision impairment.
Lea (she/her)
Age: 35
Works from home.
Single parent of 2 children.
Owns 3 cats.
Spends a lot of time at home.
Carpal tunnel from a long history of drawing and painting.
DEFINE
Problem Statement
If users are struggling with a plant problem and have little to no time to sift though paragraphs of information, YouGrow will assist them with glance-able information on the fly. This will allow users to get the job done quicker without having to spend excess time researching the issue they've run into. Ultimately, users will be able to move on from their day in peace knowing their plant is on the way towards recovery.
Key User Goals
Accessibility
Users of all levels of digital literacy should be able to access YouGrow without any struggle to find the information they're in need of.
Responsiveness
Whether you're in a rush or working from home on your desktop, YouGrow will be available with the same experiences on numerous devices.
Time-saving
Once users have found their plant or issue, the information they need will be provided before the fold—no scrolling required unless they need to know additional information.
IDEATE
Competitive Audit
Initial inspection of competitors revealed that they had both strengths and weaknesses over YouGrow's current information architecture.
Takeaways
Light Aesthetic
No High-Contrast
Purpose?
Every competitor offers a light and nature-y aesthetic to match the houseplant hobby.
Because of the use of the typical aesthetic, each competitor lacks high-contrast options for those who might need visual aid.
Each website didn't provide a clear purpose other than being a sort of blog-styled site. Care wasn't the primary function of all sites.
PROTOTYPING
Creating the experience
After taking brainstorming questions, personas and competitor analysis information into account, I dove into the User flows and wireframing of the product.
Paper Wireframes
Low-Fidelity Wireframes
Low-Fidelity Desktop Mockup
Low-Fidelity Prototype
TESTING
Usability Testing
Methodology
I conducted a moderated usability test on 5 participants via Google Meets. Each user had varied in age and digital literacy regarding social media platforms. Each were asked to verbally react to their interactions. I was able to obtain both pain points and feedback regarding the overall layout and flow of the content.
Testing Insight
Consistency
Users appreciated having important info at the top of the page and wanted this design element to be applied more consistently.
Practicality
Users prefer practical info like care tips and solutions over lengthy articles, which they can immediately see upon opening the site.
Personalize
Participants noted they need a way to save key information to a personalized account, allowing them to organize the plants they own and the issues they often come across.
"It'd be nice"
Participants mentioned a handful of information and features that they would have preferred to have seen upon joining a site like this.
MATERIALIZE
Mockups, Stylesheet,
and Final Products
After determining the four key themes that developed from the usability test, I went forward with making changes to the design to better suit users needs.
High-fidelity mockups
High-fidelity Mobile Prototype
High-fidelity Desktop Prototype
Final Product
WRAPPING UP
Takeaways
Throughout the process of creating YouGrow, I've come to find myself appreciating the value of user research and usability testing— I've found many pain points that I have never personally considered which widens my view on what users are looking for in terms of ease. I'm always looking forward to learning new insight and skills and these are a few I picked up upon working on YouGrow:
Iteration and testing provide insightful pain points and potential recommendations that could be applied to the final product.
Gained more knowledge on equitable design knowledge
Conducted organized usability testing by creating a solid methodology and prepared questions prior to the interview session.
Thank you for reading!
Keep growing your knowledge!
PRODUCT
Responsive Website
ROLE
UX/UI • Logo
SCOPE
1 week
OVERVIEW
Focus on house plants!
People around the world have adopted the love and care for houseplants and even gardening. Because of the rising use of mobile devices, people are looking for a quick and easy way to find information on how to care for their new plant babies!
GOAL
Create an app for quick and easily accessed plant care information with a responsive website for desktop use.
Form an equitable experience for an audience ranging in digital literacy.
Develop a straightforward yet engaging format for content layouts.
CHALLENGES
Responsive website to app.
Recognizing digital literacy greatly differed between audiences that exist within the hobby.
Allow users to easily access crucial plant care information with a glance.
MY ROLE
UX/UI Research and Visual Designer
Developed wireframes and
usable prototypes.
Facilitated usability testing and synthesized data for recommendations on iterations toward the final product.
EMPATHIZE
Brainstorming Questions
I wanted to develop a clearer pathway as to how this particular product would work. I asked myself these main questions in order to get started:
Question 1
What key pieces of info do plant owners want to know right away?
Question 2
How would users want to navigate an info-based website when their plant is in dire need of care?
Question 3
What would plant owers find convenient if they were to use an info-based website?
Who might need this?
To ensure this is an equitable product, I created personas that would potentially have issues with mobile app use without additional features that assist them.
Art (They/them)
Age: 60
Picked up houseplants as a retirement hobby.
Has a large dog.
Lives in a humid country.
Has a vision impairment.
Lea (she/her)
Age: 35
Works from home.
Single parent of 2 children.
Owns 3 cats.
Spends a lot of time at home.
Carpal tunnel from a long history of drawing and painting.
DEFINE
Problem Statement
If users are struggling with a plant problem and have little to no time to sift though paragraphs of information, YouGrow will assist them with glance-able information on the fly. This will allow users to get the job done quicker without having to spend excess time researching the issue they've run into. Ultimately, users will be able to move on from their day in peace knowing their plant is on the way towards recovery.
Key User Goals
Accessibility
Users of all levels of digital literacy should be able to access YouGrow without any struggle to find the information they're in need of.
Responsiveness
Whether you're in a rush or working from home on your desktop, YouGrow will be available with the same experiences on numerous devices.
Time-saving
Once users have found their plant or issue, the information they need will be provided before the fold—no scrolling required unless they need to know additional information.
IDEATE
Competitive Audit
Initial inspection of competitors revealed that they had both strengths and weaknesses over YouGrow's current information architecture.
Takeaways
Light Aesthetic
Every competitor offers a light and nature-y aesthetic to match the houseplant hobby.
No High-Contrast
Because of the use of the typical aesthetic, each competitor lacks high-contrast options for those who might need visual aid.
Purpose?
Each website didn't provide a clear purpose other than being a sort of blog-styled site. Care wasn't the primary function of all sites.
Creating the experience
After taking brainstorming questions, personas and competitor analysis information into account, I dove into the User flows and wireframing of the product.
PROTOTYPING
Paper Wireframes
Low-Fidelity Mobile Wireframes
Low-Fidelity Desktop Mockup
TESTING
Usability Testing
Methodology
I conducted a moderated usability test on 5 participants via Google Meets. Each user had varied in age and digital literacy regarding social media platforms. Each were asked to verbally react to their interactions. I was able to obtain both pain points and feedback regarding the overall layout and flow of the content.
Testing Insight
Personalize
Participants noted they need a way to save key information to a personalized account, allowing them to organize the plants they own and the issues they often come across.
"It'd be nice"
Participants mentioned a handful of information and features that they would have preferred to have seen upon joining a site like this.
Consistency
Users appreciated having important info at the top of the page and wanted this design element to be applied more consistently.
Practicality
Users prefer practical info like care tips and solutions over lengthy articles, which they can immediately see upon opening the site.
MATERIALIZE
Mockups, Stylesheet,
and Final Products
After determining the four key themes that developed from the usability test, I went forward with making changes to the design to better suit users needs.
High-fidelity mockups
Final Product
WRAPPING UP
Takeaways
Throughout the process of creating YouGrow, I've come to find myself appreciating the value of user research and usability testing— I've found many pain points that I have never personally considered which widens my view on what users are looking for in terms of ease. I'm always looking forward to learning new insight and skills and these are a few I picked up upon
working on YouGrow:
Iteration and testing provide insightful pain points and potential recommendations that could be applied to the final product.
Gained more knowledge on equitable design knowledge
Conducted organized usability testing by creating a solid methodology and prepared questions prior to the interview session.
Thank you for reading!
MORE WORK
Keep growing your knowledge!
PRODUCT
Responsive Website
ROLE
UX/UI • Logo
SCOPE
1 week
GOAL
Create an app for quick and easily accessed plant care information with a responsive website for desktop use.
Form an equitable experience for an audience ranging in digital literacy.
Develop a straightforward yet engaging format for content layouts.
CHALLENGES
Responsive website to app.
Recognizing digital literacy greatly differed between audiences that exist within the hobby.
Allow users to easily access crucial plant care information with a glance.
MY ROLE
UX/UI Research and Visual Designer
Developed wireframes and
usable prototypes.
Facilitated usability testing and synthesized data for recommendations on iterations toward the final product.
OVERVIEW
Focus on house plants!
People around the world have adopted the love and care for houseplants and even gardening. Because of the rising use of mobile devices, people are looking for a quick and easy way to find information on how to care for their new plant babies!
EMPATHIZE
Who might need this?
To ensure this is an equitable product, I created personas that would potentially have issues with mobile app use without additional features that assist them.
Art (They/them)
Age: 60
Picked up houseplants as a retirement hobby.
Has a large dog.
Lives in a humid country.
Has a vision impairment.
Lea (she/her)
Age: 35
Works from home.
Single parent of 2 children.
Owns 3 cats.
Spends a lot of time at home.
Carpal tunnel from a long history of drawing and painting.
DEFINE
Problem Statement
If users are struggling with a plant problem and have little to no time to sift though paragraphs of information, YouGrow will assist them with glance-able information on the fly. This will allow users to get the job done quicker without having to spend excess time researching the issue they've run into. Ultimately, users will be able to move on from their day in peace knowing their plant is on the way towards recovery.
Key User Goals
Accessibility
Users of all levels of digital literacy should be able to access YouGrow without any struggle to find the information they're in need of.
Responsiveness
Whether you're in a rush or working from home on your desktop, YouGrow will be available with the same experiences on numerous devices.
Time-saving
Once users have found their plant or issue, the information they need will be provided before the fold—no scrolling required unless they need to know additional information.
IDEATE
Competitive Audit
Initial inspection of competitors revealed that they had both strengths and weaknesses over YouGrow's current information architecture.
Light Aesthetic
Every competitor offers a light and nature-y aesthetic to match the houseplant hobby.
No High-Contrast
Because of the use of the typical aesthetic, each competitor lacks high-contrast options for those who might need visual aid.
Purpose?
Each website didn't provide a clear purpose other than being a sort of blog-styled site. Care wasn't the primary function of all sites.
Takeaways
PROTOTYPING
Creating the experience
After taking brainstorming questions, personas and competitor analysis information into account, I dove into the User flows and wireframing of the product.
TESTING
Usability Testing
Methodology
I conducted a moderated usability test on 5 participants via Google Meets. Each user had varied in age and digital literacy regarding social media platforms. Each were asked to verbally react to their interactions. I was able to obtain both pain points and feedback regarding the overall layout and flow of the content.
Testing Insight
Consistency
Users appreciated having important info at the top of the page and wanted this design element to be applied more consistently.
Practicality
Users prefer practical info like care tips and solutions over lengthy articles, which they can immediately see upon opening the site.
Personalize
Participants noted they need a way to save key information to a personalized account, allowing them to organize the plants they own and the issues they often come across.
"It'd be nice"
Participants mentioned a handful of information and features that they would have preferred to have seen upon joining a site like this.
MATERIALIZE
Mockups, Stylesheet,
and Final Products
After determining the four key themes that developed from the usability test, I went forward with making changes to the design to better suit users needs.
WRAPPING UP
Takeaways
Throughout the process of creating YouGrow, I've come to find myself appreciating the value of user research and usability testing— I've found many pain points that I have never personally considered which widens my view on what users are looking for in terms of ease. I'm always looking forward to learning new insight and skills and these are a few I picked up upon working
on YouGrow:
Iteration and testing provide insightful pain points and potential recommendations that could be applied to the final product.
Gained more knowledge on equitable design knowledge
Conducted organized usability testing by creating a solid methodology and prepared questions prior to the interview session.
Thank you for reading!