Freelance WeWeb Developer
Available for work

Climatella v1

Climatella is an innovative platform designed to facilitate the discovery and exploration of climate-friendly brands and businesses.

Leaves
Search interface for eco-friendly shopping with trending categories including sustainable travel, loungewear, bookstores, and vegan products, set against a forest green background
Tools:
WeWeb, Xano
Scope:
Front-end

Project Goal

The primary objective was to deploy a Minimum Viable Product (MVP) to gather insights from initial users. A second version of the app will be built based on those feedbacks.

Design Phase

We began the project by gathering references and inspiration from brands and products in the ecology sector. This step helped us establish the tone and overall feel for the user interface. It allowed us to craft a first styleguide for the project.
Following this, we designed the screens based on the wireframes.

Development Phase

We quickly started implementing the design in WeWeb.
We are using Xano as our backend. It holds the search logic and provids API endpoints for displaying dynamic search results..
The use of reusable colors and components allowed us to iterate fast based on initial feedback and the addition of new features.

Search interface with suggested sustainable shopping queries and company cards displaying sustainability scores.
This is the Discover page where users search for brands based on keywords.
Tupperware brand profile showing a sustainability score of 85, featuring pastel food storage containers, with category listed as Household, location as United States, and sustainable alternatives.
The brand detail page features information about the brand and alternatives.
Loading screen showing "Matches for: Fair trade coffee" title with three placeholder cards displaying loading animations
Looking for brands can take some time. Skeletons loaders were added to improve the waiting experience.
Similar Brands section displaying sustainable companies with their sustainability scores.
Carousels are a great way of displaying brands without taking much vertical space.
Directory page titled "Explore the Climate-Friendly Economy" with category filters on the left and eco rating sort option at top right
There are 2 directories in the app — the user can filter and sort brands based on interests.
User profile showing the user favorite sustainable brands
The user page features the likes and dislikes brands. These pages can be shared publicly.