← Projets
Website Redesign Web Design · UI · Brand · Marketing · Motion

BOTMIND.io

Faire évoluer une marque par le design — deux refontes, deux enjeux, un même produit.

01Brand
02Conversion
03Motion
Botmind.io — version actuelle
Version actuelle — Seconde refonte botmind.io
↓ Défiler pour découvrir

Un produit.
Deux refontes.
Deux enjeux.

Première refonte

Business / Marketing

Faire évoluer le site pour générer davantage de demandes de démo commerciales.

Seconde refonte

Expérience / Visuel / Motion

Rendre le site plus esthétique, plus technologique, plus léger et plus fluide grâce au motion design.

Trois générations

Un site. Deux refontes.
Deux enjeux.

Site original
Original
→
Première refonte
Première refonte
→
Version actuelle — seconde refonte
Actuel
04 — Point de départ

Site original

Le point de départ, antérieur à mon intervention — un site fonctionnel, centré sur l'automatisation du support e-commerce.

Site original — hero
Hero — proposition de valeur produit, mockup de conversation
Site original — bénéfices chiffrés
Bénéfices présentés en illustrations + statistiques
05 — Première refonte

Du site vitrine
à l'outil commercial.

Objectif confirmé : générer davantage de demandes de démo.
Original
Site original — hero
Première refonte
Première refonte — hero
Hero — d'un mockup produit à une photo humaine
Le hero passe d'une simulation de conversation à une photo réelle d'agent, et introduit une mise en avant directe d'une success story dès le haut de page.
Original
Site original — statistiques
Première refonte
Première refonte — schéma d'architecture
Narration produit — de la statistique à l'explication
Les bénéfices isolés (illustrations + %) laissent place à un schéma d'architecture qui explique concrètement comment Botmind s'intègre au support client.
06 — Seconde refonte

Une expérience
en mouvement.

Objectif confirmé : rendre l'expérience plus esthétique, plus technologique, plus légère.
Première refonte
Première refonte — hero
Actuel
Version actuelle — hero
Palette & fond — du blanc fonctionnel au sombre technologique
Bascule vers un fond marine profond, une typographie éditoriale (serif) et un accent lavande lumineux — une direction plus technologique.
Motion design
Le mouvement comme matière de conception
Lors de la seconde refonte, le motion design a été intégré directement à l'expérience du site, pour rendre la présentation du produit plus fluide et plus vivante. Voici deux composants du site actuel, tels qu'ils s'animent en ligne.
01 — Console Botmind
Chat, email, callbot.
Trois scènes qui s'enchaînent d'elles-mêmes, avec des onglets pour passer d'un canal à l'autre.
Cliquez sur les onglets pour changer de canal.
botmind · Console en directEn direct
Actives maintenant
Marie L.
TP
Thomas P.
Remboursement #1203
SC
Société C.
Appel → selfcare
Appel
AK
Alice K.
Disponibilité produit
Chat
Métriques live
100+
Clients entreprise
< 2s
Temps de réponse
Inter. / heure
5/5
Satisfaction
100+
Clients entreprise
<2s
Tps réponse
247
Inter. / heure
+12M
Tickets traités
Composant du site Botmind actuel — textes et chiffres affichés : contenu du site.
02 — Reply AI
De l'email au brouillon.
L'arrivée d'un email, son analyse par l'IA, puis la génération progressive d'un brouillon de réponse.
Composant du site Botmind actuel — textes et chiffres affichés : contenu du site.
Actuel — fonctionnalités
Version actuelle — fonctionnalités du Chatbot AI présentées en trois blocs
Actuel — témoignages
Version actuelle — témoignages clients attribués par marque
Composition & hiérarchie
Le site actuel s'organise en blocs distincts : fonctionnalités détaillées par module, témoignages clients rattachés à leur marque.
07 — Au-delà de l'UI

Design × Marketing × Commercial

La première refonte répondait avant tout à un enjeu business / marketing / commercial ; la seconde, à un enjeu visuel / expérientiel / motion. Ensemble, elles montrent plusieurs dimensions de mon travail sur ce projet.

01

Design

  • Identité visuelle
  • Composition & hiérarchie
  • Cohérence graphique
  • Motion design
Évolution visible de l'identité : du fond blanc et des illustrations à un fond sombre, une typographie serif et un accent lavande.
02

Marketing

  • Proposition de valeur
  • Discours produit
  • Preuve sociale
Le discours affiché sur le site évolue d'une accroche e-commerce et conversationnel à une présentation en plateforme d'agents IA pour le service client.
03

Commercial

  • Parcours vers la démo
  • Hiérarchie des CTA
La demande de démo reste un point d'entrée commercial central dans la version actuelle du site.
08 — Expérience actuelle

Le site aujourd'hui.

Version actuelle — hero
Hero — botmind.io
Version actuelle — menu Solutions ouvert : Chatbot AI, Reply AI, Assist AI, Callbot AI
Navigation — menu Solutions et ses quatre modules
Hero de la première refonte et hero de la version actuelle, en vis-à-vis
Hero — première refonte (à gauche) et version actuelle (à droite)
Callbot AI
Une démonstration animée qui rend visible une interaction vocale avec l'IA, de l'appel entrant jusqu'à sa résolution.
SVI : Appel entrant #7429
Sarah M., Commande #FR-7429
+33 6 12 34 56 78 · Client identifié
Appel entrant...
Callbot AI — composant animé du site actuel (textes et durée affichés : contenu du site)
Version actuelle — footer
Footer
09 — Ce que j'en retiens

Faire évoluer un même site à travers deux problématiques différentes — business puis expérientielle — en adaptant à chaque fois l'approche de design à l'enjeu réel du moment.

Projet suivant

WATCHDOG

→
← Retour aux projets Joffrey Neveu — Paris, 2026