Étude de cas

Le site de lancement d'une plateforme pour les apps créées avec l'IA

Un produit neuf, dans une catégorie que peu de gens connaissent encore. Le site devait expliquer Leaf en une phrase et convertir dès le jour du lancement.

Page d'accueil du site Leaf : « Votre IA le crée. Leaf le fait tourner. » sur un fond vert flou

Le point de départ

Avec ChatGPT ou Claude, n'importe qui peut aujourd'hui créer un outil interne ou un petit SaaS. Le mettre en ligne, en revanche, reste une affaire de développeurs. Leaf arrive pour combler ce vide, et son public, ce sont des indépendants, des PME et des équipes métier, pas des techniciens.

Il fallait donc un site prêt pour le jour du lancement, en français et en anglais, qui parle autant aux profils techniques qu'à ceux qui ne le sont pas. Une promesse simple, en tête de page : « Votre IA le crée. Leaf le fait tourner. »

Direction artistique

Un noir profond, un blanc cassé et un vert forêt qui fait écho au nom. Des fonds flous et texturés, comme des photos prises en mouvement, pour sortir du look SaaS générique. Inter pour les textes, JetBrains Mono en petites touches pour rappeler le côté technique.

Noir#0A0A0A
Vert forêt#5E7F62
Blanc cassé#F7F6EE
Pierre#F5F5F3

Spécimen de la typographie Inter en blanc cassé sur fond noir

Les interfaces sont montrées telles quelles : un tableau de devis, un écran de connexion, une base de données. Le visiteur voit ce qu'il obtient, pas une illustration.

Les sections clés

Le site se lit comme une démonstration : le problème, ce que fait Leaf, pourquoi lui plutôt qu'un autre, et comment démarrer.

Section « Construire avec l'IA, c'est facile. Mettre en ligne, non. » avec un écran hors ligne à gauche et un outil de devis en ligne à droite — **Le problème**Avant, après : l'outil coincé sur un ordinateur, puis en ligne pour toute l'équipe.

Section « Derrière chaque outil, six métiers. Leaf les fait tous. » : adresse, comptes, base de données, paiements, IA, contenu — **Ce qui est compris**Six modules dans une liste qui se déplie, chacun avec son aperçu.

Section sombre « Ailleurs, il faut choisir. Avec Leaf, non. » comparant Leaf à un générateur d'apps — **Pourquoi Leaf**Un comparatif face aux générateurs d’apps du marché.

Section « Branchez votre IA. C'est parti. » avec trois étapes illustrées — **Comment ça marche**Trois étapes, trois visuels, et un bouton pour commencer.

Pensé d'abord pour le mobile

Leaf se découvre souvent depuis un lien partagé sur LinkedIn ou dans une conversation. Sur téléphone, la promesse, les comparaisons et les démos gardent tout leur sens, et l'appel à l'action reste visible à l'écran à tout moment.

Référencement et contenu

Pour une catégorie nouvelle, le référencement part des mots des utilisateurs : « mettre en ligne une app créée avec ChatGPT », « héberger un outil fait avec Claude ». Des pages par cas d'usage, un blog pour les questions qui reviennent, une FAQ balisée pour les résultats enrichis et une version anglaise complète.

24 hde la maquette à la mise en ligne
Jour Jen ligne pour le lancement
FR · ENdeux langues dès le départ

Un contenu que l'équipe gère seule

Textes, images, pages de cas d'usage, articles de blog : l'équipe Leaf met son site à jour elle-même, en français comme en anglais. Elle change une phrase, remplace une image, clique sur « Publier », et c'est en ligne. Pas besoin de nous appeler pour changer une phrase.