Développeur WeWeb Freelance
Disponible pour des missions

Climatella v1

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

Leaves
Interface de recherche pour le shopping écologique avec des catégories tendance incluant voyages durables, vêtements détente, librairies et produits véganes, sur fond vert forêt
Tools:
WeWeb, Xano
Scope:
Front-end

Objectif du Projet

L'objectif principal était de créer un Produit Minimum Viable (MVP) pour recueillir les retours des premiers utilisateurs. Une deuxième version de l'application sera développée sur la base de ces retours.

Phase de Conception

Nous avons commencé le projet en rassemblant des références et des sources d'inspiration auprès des marques et produits du secteur de l'écologie. Cette étape nous a permis d'établir le ton et l'ambiance générale de l'interface utilisateur. Cela nous a permis d'élaborer un premier guide de style pour le projet. Par la suite, nous avons conçu les écrans en nous basant sur les maquettes.

Phase de Développement

Nous avons rapidement commencé à implémenter le design dans WeWeb. Nous utilisons Xano comme backend. Il gère la logique de recherche et fournit des points d'accès API pour l'affichage dynamique des résultats de recherche. L'utilisation de couleurs et de composants réutilisables nous a permis d'itérer rapidement sur la base des premiers retours et de l'ajout de nouvelles fonctionnalités.

Interface de recherche avec suggestions de requêtes d'achats durables et cartes d'entreprises affichant des scores de durabilité.
Voici la page Découvrir où les utilisateurs recherchent des marques à l'aide de mots-clés.
Profil de la marque Tupperware affichant un score de durabilité de 85, présentant des contenants alimentaires aux couleurs pastel, avec catégorie Maison, localisation États-Unis, et alternatives durables.
La page détaillée de la marque présente des informations sur la marque et ses alternatives.
Écran de chargement affichant le titre "Correspondances pour : Café équitable" avec trois cartes provisoires montrant des animations de chargement
La recherche de marques peut prendre du temps. Des chargements sous forme de squelettes ont été ajoutés pour améliorer l'expérience d'attente.
Section Marques Similaires présentant des entreprises durables avec leurs scores de durabilité.
Les carrousels sont un excellent moyen d'afficher les marques sans prendre trop d'espace vertical.
Page d'annuaire intitulée "Explorez l'Économie Respectueuse du Climat" présentant des marques durables hautement notées avec filtres de catégories à gauche et option de tri par éco-score en haut à droite
L'application comprend 2 répertoires — l'utilisateur peut filtrer et trier les marques selon ses centres d'intérêt.
Profil utilisateur montrant les marques durables préférées de l'utilisateur
La page utilisateur présente les marques aimées et non aimées. Ces pages peuvent être partagées publiquement.