Développeur WeWeb Freelance

Climatella v2

Climatella est une plateforme innovante conçue pour faciliter la découverte et l'exploration des marques et des entreprises respectueuses du climat.

Page d'accueil de la marketplace Climatella présentant des produits durables, avec une barre de recherche, un menu de navigation et des cartes de produits montrant du thé matcha, des bottes de randonnée et des produits de nettoyage sur fond vert foncé.

Tools:

WeWeb, Supabase

Scope:

Front-end

Objectif du Projet

Ce projet représente la deuxième version de l'application Climatella. Climatella sélectionne des produits durables et propose un répertoire facile à consulter permettant aux utilisateurs de les parcourir.

Phase de Développement

J'ai commencé l'intégration WeWeb sur la base des maquettes fournies par le designer. Nous avons utilisé l'intégration Supabase pour afficher tous les produits sur les différents écrans.

Visit the app

La section d'en-tête de la page d'accueil présente une vidéo en arrière-plan pour inviter l'utilisateur dans l'univers de Climatella.

Section des catégories vedettes présentant des options d'achats durables avec des cartes illustrées pour Vêtements Hommes, Vêtements Femmes, Soins Personnels et Maison & Style de vie, suivie d'un carrousel des produits les plus populaires affichant des articles certifiés avec badges B Corp et Climate Neutral

Les carrousels nous permettent d'afficher les catégories principales tout en offrant la possibilité d'en parcourir davantage.

Page d'accueil de la marketplace durable Climatella avec barre de recherche, icônes de catégories pour les sections shopping comme Vêtements et Maison & Style de vie, et liste de produits affichant les certifications B Corp et Climate Neutral

Les utilisateurs disposent de plusieurs moyens pour affiner leur recherche de produits : une barre de recherche ou les filtres.

Grille de produits présentant des vêtements durables avec options de filtrage pour Impact, Prix et Note.

Les filtres sont masqués dans des menus déroulants.

Menu déroulant de tri des résultats d'achats avec options incluant Plus populaire, Prix (Décroissant), Prix (Croissant), Meilleure évaluation, Plus récent et Plus ancien

Les produits peuvent être triés selon différents critères.

Certaines sections comportent des animations pour rendre le site plus dynamique.

Section mission et vision avec le titre "Où Durabilité Rencontre Commodité" sur fond vert forêt, décrivant l'engagement de l'entreprise envers le shopping éco-responsable et les pratiques commerciales durables

Une belle typographie, des formes et des motifs créent un site web agréable.