Piana : identité de marque et site Webflow d'une solution de gestion de flotte

Branding

Deux traits obliques, comme une route qui file

Le logotype Piana associe un mot dessiné, compact et dynamique, à un symbole fait de deux traits obliques : une route vue en perspective, et le mouvement des véhicules que l'on pilote. Le symbole se suffit à lui-même sur une carte, une application ou un favicon.

La palette part du terrain : un kaki (#574B2D) et un taupe (#BDAB7B), les couleurs des paysages que l'on traverse en camionnette, sur un fond crème (#EFEDE5). Un jaune citron (#EDFF77), un bleu électrique (#849DF5) et un bleu nuit (#101E4C) apportent l'énergie et signalent l'électrique ; un olive (#4A5213) habille le Pass Recharge. Chaque teinte se décline en dix nuances dans une palette de travail pour les interfaces.

Les titres sont composés en Funnel Display, une grotesque généreuse et lisible ; les étiquettes et les données en Chivo Mono, qui rappelle les inscriptions d'une carte de paiement. Les trois cartes (Carburant, Mobilité, Pass Recharge) reprennent ce système : un fond par usage, le logo en haut à droite, l'immatriculation du véhicule en caractères mono.

DA (Direction Artistique)

Trois routes pour trouver le ton entre expertise et proximité

Avant le site, Gemeos a exploré trois territoires complets, chacun décliné sur une page d'accueil avec sa palette, ses typographies et son traitement de l'image. Les pistes ont été dessinées sous le nom de travail du projet. Le brief tenait en deux mots : professionnel mais accessible, et compréhensible au premier abord.

Web Design

Une page pour chaque produit, chaque métier et chaque taille de flotte

Le site parle à des profils très différents : le plombier qui veut arrêter de garder ses tickets, le gestionnaire d'une flotte de 500 utilitaires, l'entreprise qui électrifie son parc. L'accueil pose la promesse et les chiffres, puis oriente chacun vers le bon produit et la bonne page métier ; chaque page se termine sur la demande de démo.

Gemeos a conçu un UI Kit et une bibliothèque de composants dans Figma avant les pages : onglets animés, cartes produit, compteurs, bandeaux de logos, accordéons de FAQ, blocs de témoignage. Les mêmes briques composent toutes les pages, ce qui permet à l'équipe Piana d'en créer de nouvelles sans repasser par le design.

Dev Webflow

Un site que l'équipe Piana fait vivre seule

Le site est développé sur Webflow. Les produits, les solutions par métier, les cas clients, les témoignages, les logos de clients et de stations, les guides, les articles et les auteurs vivent dans des collections CMS : l'équipe Piana ajoute une page métier ou un logo sans toucher à la mise en page, et les champs image indiquent la résolution attendue.

Les formulaires de démo sont reliés au CRM de Piana ; le formulaire de support client, accessible depuis le pied de page, envoie les demandes vers Slack par l'automatisation existante. Les animations restent légères (vidéos courtes en boucle, carrousels au défilement horizontal), et l'équipe a été formée à Webflow pour mettre à jour le site en autonomie.

SEO

Répondre aux recherches des gestionnaires, métier par métier

Un gestionnaire cherche « carte carburant artisan », « loi LOM flotte » ou « péage en flux libre » bien avant de chercher Piana. La stratégie a donc consisté à occuper ces recherches : des pages produit, une page par métier et par taille de flotte, des guides longs et un blog signé par l'équipe Piana.

Lisible par les moteurs comme par les assistants IA

Les guides s'ouvrent sur un résumé et un sommaire, les pages produit et métier répondent aux questions concrètes des gestionnaires dans leur FAQ, et les articles sont signés par Matthieu Coti, cofondateur, avec sa page auteur. Des réponses courtes, attribuées et datées : c'est ce qui aide les moteurs et les assistants IA à citer Piana sur la gestion de flotte.