Leviotec
Création Webflow pour Leviotec, cabinet de cybersécurité industrielle : un site bilingue français et anglais, trois gabarits CMS pour les services, les formations et les études de cas, 64 fiches en ligne et des interactions discrètes pour un public professionnel.
Le client
Leviotec, cabinet indépendant de cybersécurité des systèmes industriels et des infrastructures critiques.
Le besoin
Installer une crédibilité professionnelle en quelques secondes, pour convaincre des acheteurs grands comptes.
Ce qu'on a fait
Site vitrine Webflow sur mesure, bilingue français anglais, avec trois gabarits CMS reliés à quatre collections.
Le résultat
Le cabinet présente 64 fiches sur trois gabarits, en deux langues, avec la tenue d'un site de grand compte.
La cybersécurité des systèmes industriels et des infrastructures critiques reste un marché de niche, loin de la cybersécurité informatique classique. Rien ne portait cette expertise en dehors d'une réputation personnelle, sans moyen pour un acheteur grand compte de vérifier le sérieux du cabinet avant le premier échange.
La cybersécurité des systèmes industriels et des infrastructures critiques, usines, sous-stations électriques, barrages, parcs éoliens, ferroviaire, reste un marché de niche : ce n'est pas de la cybersécurité informatique classique, et très peu d'acteurs s'y consacrent entièrement.
Rien ne portait cette expertise en dehors d'une réputation personnelle. Sans site ni marque visible, un acheteur grand compte, un RSSI ou un directeur industriel, n'avait aucun moyen de vérifier le sérieux du cabinet avant le premier échange. Il fallait un site qui installe la crédibilité en quelques secondes, sans tomber dans le générique de la cybersécurité informatique.
Trois gabarits pour toutes les fiches du site
Le site s'appuie sur trois gabarits CMS, un pour les fiches services, un pour les formations, un pour les études de cas, reliés à quatre collections pour un total de 64 fiches publiées. Chaque gabarit reprend la même mécanique, hero, sections détaillées, FAQ filtrée, suggestions et section finale.
Un responsive pensé section par section
Sans frame mobile fournie au départ, tout le comportement en tablette et en mobile a été conçu section par section plutôt que relevé sur une maquette. Chaque mécanisme desktop complexe, colonnes fixes, photo qui suit le défilement, se dégrade en flux normal sur petit écran plutôt que de casser.
Un système de composants cohérent sur tout le site
Les sections répétées, comme le bloc des services, sont devenues des composants réutilisés entre plusieurs pages, et les couleurs de marque sont posées en variables plutôt qu'en valeurs figées. Résultat, un rendu identique d'une fiche à l'autre sur les 64 pages du site.
Des interactions discrètes pour un public professionnel
Les chiffres clés s'incrémentent au défilement quand ils entrent dans l'écran, la barre de navigation passe de transparente à pleine au scroll, les accordéons de FAQ et d'étapes s'ouvrent au clic, et les photos et titres apparaissent en fondu léger, sans rien d'appuyé.
Notion
Le sitemap, les idées et les textes, posés à plat avant la maquette.
notion
Figma
Les maquettes, validées écran par écran avant le code.
figma
Webflow
Le site, son CMS et sa mise en ligne.
webflow
Leviotec a désormais une image professionnelle face aux grands comptes qu'il vise, avec un site bilingue et cohérent d'une fiche à l'autre. Les 64 fiches sur trois gabarits CMS dépassent la seule réputation du fondateur.
Leviotec a désormais une image professionnelle qui tient la comparaison face aux grands comptes qu'il vise : RSSI et directeurs industriels trouvent en quelques secondes un site bilingue, structuré et cohérent d'une fiche à l'autre. Les 64 fiches réparties sur trois gabarits CMS, services, formations, études de cas, donnent au cabinet une bibliothèque de contenu qui dépasse largement la seule réputation personnelle de son fondateur. Le site est publié, prêt à accueillir de nouvelles fiches au même rythme que l'activité du cabinet.
voir plus de réalisations
voir toutes les réalisations
L'unique agence Premium Partner Webflow du Grand Est.
