Project Overview

The product

WaterRoot is an organization focused on sustainability that needed a digital platform to help the community water trees and plants. The platform is aimed at college students and adults who are concerned about the climate crisis and want to help create greener communities.

The problem

The climate crisis is jeopardizing the trees wellbeing. In the last year, the city lost 20% of its trees as a result of the increase in temperature and the reduction of humidity and rainfall.

The goal

Design an a digital platform that allows citizens to get to know the tree species in each neighbourhood and commit to watering them.

  • User research
  • Personas
  • Problem statements
  • Competitive audit
  • Ideation

User research: summary

Persona: Cam

Problem statement

Competitive Audit

Ideation

  • Digital wireframes
  • Low-fidelity prototype
  • Usability studies

Digital wireframes

Low fidelity prototype

  • Mockups
  • High-fidelity prototype
  • Accessibility

Mockups

Explore Flow: High-Fidelity Mockups for Watering Adopted Plants

App Experience Overview: Feed, Tasks, Community, and Profile

1

Feed

The Feed enables users to stay connected through posts, add friends, and share updates while receiving notifications
2

Tasks

The Tasks section keeps users motivated with weekly goals, real-time progress on trees watered, and easy logging of new waterings. It also provides guidance with a 'Trees to Water Today' section, an upcoming watering schedule, a personalized watering plan, and nearby plants in need of care.
3

Explore

The Explore section integrates an interactive map where users can filter by trees, plants, or plants in need, with quick access to their daily watering list. Users can log water amounts directly into the system, ensuring efficient plant care
4

Community

The Community section brings people together with challenges, events, sustainability tips, and friend-making features. Users can explore challenges with details such as dates, participants, locations, targets, rules, and badges, as well as track past challenges.
5

Profile

The Profile section showcases user achievements, including badges, recent activities, adopted plants, care tips, and settings.
6

Surprise and Delight

To enhance the experience, delightful illustrations of clouds, trees, and plants are woven into the UI, adding warmth and personality to the design.

High-fidelity prototype

Accessibility considerations

1

Clear labels for interactive elements that can be read by screen readers.

2

Initial focus of the home screen on personalized recommendations help define the primary task or action for the user.

  • Information architecture
  • Responsive design

Sitemap

Responsive Designs

  • Takeaways
  • Next steps

Impact