My Role: UX designer leading the app and responsive website design from conception to delivery.
Duration: December 2022
The Product: WaterRoot is a mexican-based organization focused on sustainability. The organization needed a digital platform that helps the community to water trees and plants. WaterRoots’ primary target users include college students and adults who are concerned with the climate crisis and want to help create greener communites.
Responsibilities: Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.
- User research
- Problem statements
- Competitive audit
User research: summary
I used WaterRoots’s data on trees to develop interview questions, which were then used to conduct user interviews. Most interview participants reported feeling badly about trees dying of thirst, but they didn’t actively try to care for them. The feedback received through research made it very clear that users would be open and willing to work towards helping water public trees and plants if they had access to an easy-to-use tool to help guide them.
Cam is a working mother who wants to help take care of the environment, she gets frustrated when trees around her neighbourhood die of thirst.
An audit of a few competitor’s products provided direction on gaps and opportunities to address with the WaterRoot app.
I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My focus was specifically on plant watering and map location.
- Digital wireframes
- Low-fidelity prototype
- Usability studies
After ideating and drafting some paper wireframes, I created the initial designs for the WaterRoot app. These designs focused on delivering personalized guidance to users to help water plants in their communities.
Low fidelity prototype
To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of viewing an item about to expire and using it in a recipe.
- High-fidelity prototype
Based on the insights from the usability studies, I applied design changes like creating a reminders dedicated screen and providing a clear flow to marking a plant as watered.
The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.
- Information architecture
- Responsive design
With the app designs completed, I started work on designing the responsive website. I used the WaterRoot sitemap to guide the organizational structure of each screen’s design to ensure a cohesive and consistent experience across devices.
The designs for screen size variation included mobile, tablet, and desktop. I optimized the designs to fit specific user needs of each device and screen size.
- Next steps
Users shared that the app made them aware of their environment and motivated to help. One quote from peer feedback was that “the WaterRoot app helps bring caring about the environment to a personal level in a way that’s easy and engaging.”
What I learned:
I learned that even though the problem I was trying to solve was a big one, diligently going through each step of the design process and aligning with specific user needs helped me come up with solutions that were both feasible and useful. .