During the two-week GUI course, the team was challenged with designing an application that helps communities and ecosystems adapt to shifting climate conditions. The team designed Y’eau, an app for testing water quality. Additionally, the app creates a network of user-uploaded water sources by communities around the world.

Climate change is altering the world’s hydrological systems, putting water availability and quality at risk for 2.1 billion people globally. Due to the severe and widespread nature of this issue, the team decided to work on the topic of water contamination.

Y’eau works in conjunction with an external sensor that is attached to the phone. The app can be used as a tool to 
empower international volunteers 
and community officialscreating a network of comprehensive water analysis data.

After ideation, the team started working on the main use-casetesting water. The team designed low-fidelity paper sketches and then vetted their flows with Marvel—a tool that creates a simple touch-through prototype. This enabled the team to uncover missing screens and even explore unexpected use-cases.

Following this, a detailed user flow for each use-case was sketched. After a concrete wireframe was created, the branding of the app and color palette were decided. Each screen was meticulously designed in Sketch, enabling a professional aesthetic. To add interactions, they used Principle for granular details, such as micro-interactions and transitions.

A video recording was taken of the prototype for the presentation of the course.