Design Case Study: Green Our Planet

New web app for Hydroponics Program management

When Green our Planet first got in touch with the XWP team, they were looking to expand the flexibility of their site with a brand new, rocket-powered design language and UX. Here’s how the XWP team helped:


About Green Our Planet

Green Our Planet’s hydroponic gardens provide a natural laboratory for students to learn STEM subjects (science, technology, engineering, and math), conservation, nutrition, financial literacy, and more in a hands-on, experiential way.

Project Goals

Mapping the Process

From the very beginning, we worked closely with the Green Our Planet team, looking for the best possible solution to meet their goals. An open-minded, performance-orientated approach guided us through our journey, all the way from initial research to the final round of QA.


We worked extensively with Green our Planet to understand their goals, and looked for ways to meet them.

UI and Interaction

With a thorough understanding of users and goals, we set to work creating a lightning-fast UI.


Our performance engineers brought our designs to life, creating a lightning-fast user experience that’s a pleasure to use.

Quality Assurance

Our dedicated QA team makes sure that all deliverables meet our rigorous quality standards.

Research and Discovery

Features & Functionalities

A thorough discovery process allowed us to create a list of high-impact features and functionalities for the re-imagined Green Our Planet website.

Track schools’ progress through the program with a reporting function

Filter and find schools; access school information

Highlight schools, teachers or anything else in the program

Communicate with schools through a messaging system

Provide program information such as workshop outlines

View engagement data for individual schools, cohorts and all schools

Design System


We refreshed the existing color palette to adhere to WCAG web accessibility standards, making sure that it remains vibrant and recognizable for existing Green Our Planet users.

Design system


A modern system requires modern type. We made sure that Green Our Planet’s new typography approach used a font that matched it’s evolved brand identity.

Visual Design

And this is how it looks

The end result is a clean and simple UI that is easy to navigate and accurately reflects their brand, making it easier for Green Our Planet users to filter, search, and highlight the progress of different projects.

Visit the Green our Planet site

Ready to supercharge your user experience with forward-thinking design? Book a no-obligation call today