Trampoline AI
Trampoline AI
Intelligence artificielle
Design d'interaction
2025
Mandat
En juillet 2025, nous avons été mandatés afin de produire une refonte stratégique et visuel du site de Trampoline AI, une entreprise en croissance ayant pour mission de faciliter le traitement des appels d’offres grâce à une IA maison.
- Dynamiser l’interface du site web et faire évoluer la direction artistique de Trampoline;
- Vulgariser l’utilisation de la solution à travers des exemples visuels simple pour maximiser la conversion;
- Intégrer à nos maquettes des modules interactifs afin de rendre la navigation la plus fluide et la plus impactante possible.
Objectifs
Découverte du client et de son univers graphique
Dans un premier temps, il a fallu définir ce que le client attendait de ce site web, et comment il souhaitait l’intégrer en interne.
Un premier atelier exploratoire a donc été organisé. Le client nous ayant transmis une structure de site souhaitée ainsi que des inspirations variées, nous avons pu rassembler plusieurs sources d’inspiration basée sur deux idées, au minimum en opposition, afin de générer un effet entonnoir sur nos pistes créatives.
Les deux idées principales étaient :
Ludique d’une part, Corporatif d’autre part.
Nous avons donc mené un atelier dans lequel nous avons présenté entre 5 et 10 inspirations différentes, en axant la réflexion sur ce que le client aimait et n’aimait pas. Il nous a alors expliqué vouloir mettre en avant une démo minimaliste de son produit afin de le vulgariser à ses prospects et donc maximiser la conversion.
La conclusion a ainsi été de proposer une solution plutôt orientée business, conservant un aspect sérieux de la marque, fidèle à son cœur de cible, tout en conservant un aspect « jouable » dans la partie démo.
L’interaction au cœur du mandat
Au terme d’une seconde présentation, le constat nous a conduits vers une direction plus friendly et ronde. L’insight principal de cette présentation a été la mise en exergue des éléments principaux qui prendraient une direction animée, à savoir le Hero, la démo et les éléments de navigation comme les carrousels. Il a également été convenu qu’un ajout d’animation sur des éléments de texte au défilement ainsi que sur des textures en arrière-plan permettrait d’assoir un aspect plus premium du site. L’usage de Lottie pour la démo ainsi que pour certains éléments d’illustration a par ailleurs été décidé afin de faciliter au maximum l’implémentation d’éléments d’animation complexes en développement.
L’emploi des prototypes par souci d’efficacité
L’usage de prototypes Figma a permis de gagner beaucoup de temps sur les validations des modules les plus simples. Suite à cela, il a ensuite été temps de passer à l’animation des modules dans After Effects, basée sur nos prototypes faisant office de storyboards.
Parmi les modules concernés :
- le hero et la transition entre ce dernier et la démo
- le module de prix
- le module de cartes qui se « stack » entre elles
- les témoignages clients
- le défilement dans la page, une fonctionnalité qui comprend des icônes animées.
Une démarche itérative
Suivant notre processus pour s’assurer un minimum de perte de temps, nous avons produit ces différents modules en utilisant AEUX. Par la suite, nous avons mené une présentation au client afin de mettre en scène la façon dont le site allait se comporter.
Par l’envoi de lien Figma puis de liens frame.io, nous avons pu obtenir les retours, puis les approbations du client concernant les comportements interactifs du site.
Ce mandat a demandé une attention particulière pour la démo et les icônes, tous deux exportés via Lottie et devant donc respecter les contraintes techniques du format JSON.
