AquaGuard

Inspiration

The idea for AquaGuard came from a simple problem: people often do not know whether the water in their home is safe to use. Many face issues like rusty color, strange smell, low pressure or unclear tap water, but they have no quick way to understand what is happening. I wanted to create an app that lets anyone easily check the condition of their water and report a problem in just a few steps.

What it does

AquaGuard helps users see the current water quality in their area, perform a simple home water check, report problems such as smell, color, rust, pressure issues, and view their previous reports. It also includes a clean profile page and a clear user flow that makes the app easy to understand even for someone who is not familiar with technology.

How we built it

I built AquaGuard in Figma. I created the main screens, including the home page, the “Report a Problem” process, the profile card and all the interface elements like buttons, icons, cards, and the bottom navigation bar. Then I connected everything through Figma’s prototype mode to make the app interactive.

Challenges we ran into

One of the challenges I ran into was organizing the data in a way that stayed simple for users but still worked reliably in the system. I also had difficulties with time management, because some features took longer to design and polish than I expected. Another challenge was keeping the visual style consistent, even small design changes sometimes affected the whole interface. Despite these obstacles, I managed to find solutions and move the project forward.

Accomplishments that we're proud of

I managed to create a clean, minimalistic design, build a full interactive prototype, structure a realistic reporting flow and keep the interface simple and understandable. The project feels purposeful and visually consistent.

What we learned

I learned how to build a full mobile UI from scratch in Figma, how to work with frames, components, alignment and interactions, how to simplify complex information and make it user-friendly, and how to design screens that work together logically.

What's next for AquaGuard

Next steps include adding a real-time map of water quality, creating notification alerts for dangerous water conditions, expanding the home testing steps, improving the profile page and eventually building a functional version of the app beyond the prototype.

Built With

• adobe-illustrator
• figma