chilli : une landing page Webflow qui explique l'application et mène au téléchargement

chilli est une application mobile d'activisme climatique : des actions de 30 secondes pour agir contre le réchauffement. Fin 2024, nous avons conçu et développé sa landing page Webflow, à partir de son identité, pour mener les visiteurs jusqu'au téléchargement.

Logo chilli en magenta sur fond noir

Contexte : une application d'activisme climatique, sans page pour l'expliquer

chilli se présentait comme la première application mobile dédiée à l'activisme climatique. Son principe : des actions de 30 secondes, pour agir contre le réchauffement depuis son téléphone.

L'équipe avait déjà son identité visuelle. Il lui manquait une page qui explique ce concept clairement et qui donne envie de passer à l'action.

Objectifs : expliquer vite, puis faire télécharger

La landing page devait :

  • Expliquer le concept clairement : une action pour le climat en 30 secondes.
  • Mener au téléchargement de l'application, sur l'App Store.
  • Prolonger l'identité existante, sans repartir de zéro.

Comment on a fait : de la couleur de la marque à la page en ligne

1. Une palette tirée de la couleur de la marque

Nous sommes partis de la couleur principale de chilli, un magenta, pour composer une palette complète en mode sombre. Les contrastes entre les sections viennent de cette palette. Une typographie moderne et des éléments graphiques sur mesure portent le ton engagé de la marque.

Palette de couleurs de chilli en mode sombre : nuances de magenta, blanc cassé, noir et gris
La couleur principale de la marque, déclinée en palette complète pour rythmer la page.

2. Une page qui mène au téléchargement

Le haut de page dit la promesse et donne tout de suite le lien vers l'App Store. Viennent ensuite le fonctionnement de l'application en trois temps, puis les avis des utilisateurs. Des appels à l'action vers l'App Store jalonnent la page.

Haut de la landing page de chilli, avec le titre « get paid to take climate action », un téléphone, un QR code et le lien vers l'App Store
La promesse et le lien vers l'App Store, dès le premier écran.
Section « meet chilli » de la landing page, avec trois cartes : agir, être récompensé, dépenser ses pièces
Le fonctionnement de l'application, en trois cartes.
Section « thousands already in the resistance » de la landing page, avec des avis d'utilisateurs notés cinq étoiles
Les avis des utilisateurs, pour rassurer avant le téléchargement.

3. Un développement Webflow pour tous les écrans

Nous avons développé la page dans Webflow, adaptée au mobile, à la tablette et à l'ordinateur. Pour une application, la version mobile compte : le visiteur télécharge depuis le téléphone qu'il a en main.

Trois écrans de la version mobile de la landing page de chilli
La version mobile, pensée pour télécharger en un geste.

Résultats : une page livrée fin 2024, qui mène à l'App Store

  • Une landing page livrée qui expliquait le concept de chilli dès le premier écran.
  • Des appels à l'action vers l'App Store, du haut au bas de la page.
  • Une palette complète, tirée de la couleur principale de la marque.
Ancienne et nouvelle page d'accueil de chilli, côte à côte, sur ordinateur et sur mobile
Avant, la page d'origine. Après, la landing page livrée par Croissant.

Le site de chilli a évolué depuis : les captures montrent la page telle que nous l'avons livrée.

Mis à jour le 2/11/2026

Démarrage possible ce mois-ci

Prêt à faire travailler votre site

Un appel de 30 minutes avec Nathan, le fondateur.

Prendre rendez-vous

5/5 sur Google (38 avis)