Freelance WeWeb Developer
Available for work

Climatella v2

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

Leaves
Climatella's marketplace homepage featuring sustainable products, with a search bar, navigation menu, and product cards showing items like matcha tea, hiking boots, and cleaning supplies against a dark green background.
Tools:
WeWeb, Supabase
Scope:
Front-end

Project Goal

This project represents the second iteration of the Climatella application. Climatella curates sustainable products and offers an easy-to-search directory for users to browse through them.

Development Phase

I started the WeWeb integration based on mockups provided by the product designer.
We used the Supabase integration to query and display all of the products on the different screens.

Visit the app
The hero section of the homepage feature a background video to invite the user in Climatella's universe.
The hero section of the homepage feature a background video to invite the user in Climatella's universe.
Featured categories section showcasing sustainable shopping options with image cards for Men's Apparel, Women's Apparel, Personal Care, and Home & Lifestyle, followed by a Most Popular products carousel displaying certified items with B Corp and Climate Neutral badges
Carousels allows us to display the main categories while giving the option to browse through more.
Climatella sustainable marketplace homepage featuring a search bar, category icons for shopping sections like Apparel and Home & Lifestyle, and product listings with B Corp and Climate Neutral certifications displayed
Users have multiple ways of narrowing down products: a search bar or the filters.
Product grid showing sustainable clothing items with filter options for Impact, Price, and Rating.
Filters are hidden inside dropdowns.
Dropdown sorting menu for shopping results with options including Most popular, Price (High to low), Price (Low to high), Best rating, Newest, and Oldest
Products can be sorted on different criterias.
B Corp certification information page featuring a hiker and child on a forest trail, B Corp logo, and ocean water background, with text explaining the certification's commitment to social and environmental standards
Some sections have animations to make the site more dynamic.
Mission and vision section with headline "Where Sustainability Meets Convenience" against a forest green background, outlining company's commitment to eco-conscious shopping and sustainable business practices
Nice typography, shapes and patterns makes for pleasing website.