Amplr AI : site Webflow d'une plateforme de growth IA
Amplr AI aide les équipes marketing à automatiser leurs actions de croissance grâce à l’intelligence artificielle. Pour rendre l’offre immédiatement compréhensible, Amplr AI a fait appel à Gemeos, agence web pour les SaaS d’automatisation marketing, sur la direction artistique, l’UX/UI et l’intégration Webflow du site.

Rendre un outil de growth par IA immédiatement compréhensible
Amplr AI accompagne les équipes marketing dans l'automatisation de leurs actions de croissance. Son produit repose sur des technologies complexes, mais ses prospects recherchent d'abord un gain de temps, une meilleure efficacité et des cas d'usage adaptés à leur activité. La refonte devait traduire cette promesse en un site marketing clair et inciter les visiteurs à découvrir les fonctionnalités plutôt qu'à se perdre dans un discours purement technique.
Gemeos a défini une direction artistique crédible pour l'univers de l'IA, puis des parcours UX/UI centrés sur la découverte du produit et les demandes d'essai. Les maquettes ont été intégrées sur Webflow avec des animations, des composants réutilisables et des pages thématiques. L'objectif était de donner à l'équipe marketing un site évolutif et une présentation cohérente avec les ambitions du logiciel.
- Industrie
- Saas
- Services
- DA
- Intégration
- UX/UI Design

Direction Artistique : L'IA, avec une identité qui inspire confiance
Amplr AI est une plateforme d'automatisation marketing propulsée par l'intelligence artificielle. Avant de repenser le site, Gemeos a défini une direction artistique cohérente, capable de traduire visuellement la promesse technologique d'Amplr : puissance, clarté et efficacité. L'enjeu était de créer une identité à la fois premium et accessible, qui donne envie d'essayer le produit.
| Élément | Parti pris |
|---|---|
| Palette de couleurs | Teintes sombres et profondes (navy, noir graphite) contrastées par des accents énergiques, violet électrique ou vert lumineux, pour évoquer l'innovation et la performance |
| Typographie | Sans-serif moderne et géométrique pour les titres, associé à une fonte neutre et lisible pour le corps de texte. Hiérarchie typographique claire pour guider la lecture |
| Imagerie & illustration | Visuels data-driven : graphiques, dashboards, flux automatisés. Style épuré et technologique qui met en scène le produit dans des contextes concrets d'utilisation |
| Ton visuel | Premium mais humain, l'IA est présentée comme un outil au service des équipes, pas comme une technologie froide. Équilibre entre expertise et accessibilité |
Gradient & Social
Un hero immersif dominé par un dégradé rose-violet qui évoque l'univers Instagram et les réseaux sociaux. Les icônes flottantes de notifications et likes renforcent l'ancrage produit dès le premier regard. La typographie bold avec mot-clé coloré en accent crée un impact immédiat. Les sections suivantes alternent fond blanc et blocs colorés pour rythmer la lecture. Une direction énergique et directement alignée avec les codes visuels de la plateforme cible.
Clean & Proof-Based
Un design épuré sur fond blanc qui mise tout sur la preuve sociale. Le hero joue la carte de la réassurance immédiate : captures d'écran de vrais profils, chiffres en avant, badges de garantie. La grille de features en blocs colorés pastel structure l'offre de façon claire et accessible. Moins d'émotion, plus de conversion, une direction qui parle aux profils rationnels qui veulent des résultats concrets avant de s'engager.
Dark & Premium
Un univers sombre et immersif sur fond bleu nuit qui repositionne Amplr AI comme un outil sérieux et technologique. La social proof est mise en scène horizontalement avec avatars réels, créant un effet communautaire fort. Le bloc vidéo central invite à découvrir le produit en action. Cette direction prend de la distance avec les codes "growth hacking" pour viser une audience plus mature, prête à investir dans un outil de croissance premium.


UX/UI Design : Un produit IA qui donne envie d'agir
La refonte UX/UI d'Amplr AI a consisté à repenser l'ensemble de l'expérience utilisateur du site marketing, avec un objectif central : transformer les visiteurs en utilisateurs actifs. Chaque page a été conçue pour démontrer rapidement la valeur du produit et lever les freins à l'adoption.
Homepage : La promesse en quelques secondes
Hero section avec proposition de valeur claire, démonstration visuelle du produit en action (dashboard animé ou screenshot dynamique), et CTA principal vers l'essai gratuit. La homepage structure le discours autour des bénéfices concrets pour l'équipe marketing.
Page Produit : Convertir par la preuve
Architecture de la page produit autour des fonctionnalités clés d'Amplr AI, avec des animations au scroll pour illustrer chaque feature. Témoignages clients, métriques d'impact et FAQ intégrés pour réduire les objections et renforcer la confiance.
Landing pages thématiques
Design de landing pages par use case (growth marketing, email automation, reporting) pour maximiser la performance des campagnes paid. Chaque landing page est optimisée pour un message ciblé et un seul appel à l'action.
Responsive & accessibilité
Interfaces entièrement responsives, testées sur l'ensemble des breakpoints. Attention particulière à la lisibilité en mode sombre et à l'accessibilité globale de l'interface pour garantir une expérience optimale à tous les utilisateurs.

Intégration Webflow : Fluidité, animation et scalabilité
L'intégration Webflow d'Amplr AI a été pensée pour refléter la sophistication du produit : animations soignées, structure CMS évolutive et performances techniques au niveau des meilleurs SaaS internationaux.
| Livrable technique | Détail |
|---|---|
| Style guide Webflow | Système de design centralisé : variables de couleur, typographies, espacement et composants réutilisables pour une cohérence totale |
| CMS Webflow | Architecture CMS pour le blog, les cas d'usage et les ressources marketing, entièrement gérable par les équipes internes sans développeur |
| Interactions & animations (IX2) | Animations au scroll, transitions de page et micro-interactions pour donner vie au produit et créer une expérience mémorable |
| Responsive multi-écrans | Adaptation précise sur mobile, tablette et desktop, avec comportements spécifiques par breakpoint |
| Performance | Optimisation des assets, lazy loading et temps de chargement maîtrisé pour un score Lighthouse optimal |
Nos dernières réalisations
+250 entreprises
accompagnées
Des sites designés et développés avec
Vous allez notre collaboration, c’est garanti
Prêt à faire décoller
votre activité ?
Let’s f*****G GO !!










