Contexte
NoviaBot est une plateforme SaaS dédiée à l’automatisation du service client et des interactions commerciales grâce à l’intelligence artificielle.
L’objectif du projet était de présenter une technologie complexe, basée notamment sur le RAG et une base vectorielle, de manière suffisamment simple pour qu’un dirigeant, un responsable commercial ou une équipe support puisse immédiatement comprendre son intérêt.
Le site devait donc faire bien plus que présenter un chatbot. Il devait vendre une véritable solution métier : répondre aux clients, exploiter la documentation de l’entreprise, qualifier les prospects, faciliter les ventes et automatiser une partie du support, 24h/24.
Le défi
Le principal enjeu était de transformer une technologie relativement complexe en une proposition de valeur immédiatement compréhensible.
Un utilisateur qui découvre NoviaBot doit pouvoir comprendre rapidement :
- ce que fait l'assistant ;
- comment il apprend à partir des données de l'entreprise ;
- où il peut être déployé ;
- comment il intervient dans le parcours commercial ;
- combien la solution peut coûter ;
- et surtout, quelle valeur elle peut représenter pour son entreprise.
L'expérience devait également rassurer sur un point essentiel : l'IA ne fonctionne pas uniquement à partir de connaissances génériques. Elle peut être alimentée avec les documents, catalogues, fiches techniques et contenus propres à l'entreprise.
Une landing page pensée comme un produit
L'approche graphique et UX a été conçue autour d'un principe simple : faire comprendre le produit en le faisant expérimenter.
La première section présente immédiatement la promesse de NoviaBot : un assistant capable de répondre, qualifier et accompagner les prospects et clients à toute heure.
Deux portes d'entrée sont ensuite proposées :
- créer son assistant ;
- tester directement la démonstration.
Ce choix réduit la distance entre le discours commercial et l'expérience réelle du produit.
Démontrer plutôt que simplement expliquer
L'un des éléments centraux de l'expérience est la démonstration interactive.
Au lieu de se contenter d'expliquer les capacités de l'intelligence artificielle avec des arguments marketing, l'interface permet de visualiser le fonctionnement d'un assistant connecté à une base documentaire.
La démonstration met notamment en avant la capacité du système à rechercher l'information dans les sources fournies et à générer une réponse contextualisée.
Cette approche permet de rendre le concept de RAG beaucoup plus accessible à un utilisateur non technique.
Transformer les données de l'entreprise en connaissance exploitable
NoviaBot est présenté comme un assistant capable de travailler à partir des ressources existantes d'une entreprise.
PDF, catalogues, fiches techniques, documents internes ou URL peuvent être utilisés pour alimenter sa base de connaissances.
L'architecture présentée sur le site repose notamment sur un système RAG et sur pgvector, afin de permettre au chatbot de retrouver les informations pertinentes avant de formuler sa réponse.
Le design devait donc rendre cette chaîne de valeur facilement compréhensible :
Documents → Base de connaissances → Recherche contextuelle → Réponse IA
Une IA pensée pour le service client et la vente
Le positionnement du produit ne s'arrête pas au support.
NoviaBot est présenté comme un véritable assistant commercial capable d'intervenir à plusieurs étapes du parcours client :
- répondre aux questions ;
- présenter des produits ;
- récupérer des informations sur les prospects ;
- qualifier les demandes ;
- faciliter la prise de rendez-vous ;
- orienter vers un commercial lorsque l'intervention humaine devient nécessaire.
Cette dimension commerciale a été intégrée directement dans l'expérience du site afin de présenter l'IA comme un outil opérationnel et non comme une simple fonctionnalité technologique.
Une approche multicanale
L'expérience met également en avant la possibilité de déployer l'assistant sur différents canaux.
Le site présente notamment :
- un widget directement intégré au site web ;
- WhatsApp Business ;
- Telegram.
L'intégration WhatsApp occupe une place particulière dans la proposition de valeur, avec la possibilité de répondre automatiquement aux demandes, présenter des produits et transférer une conversation à un interlocuteur humain lorsque cela est nécessaire.
Cette approche permet de présenter NoviaBot comme une couche conversationnelle pouvant s'intégrer aux habitudes de communication déjà utilisées par les clients.
Rendre le ROI concret
L'un des choix UX les plus intéressants est l'intégration d'un simulateur de retour sur investissement.
L'utilisateur peut renseigner le volume de messages, le temps moyen consacré à chaque demande et le coût horaire d'une équipe.
Le simulateur produit ensuite une estimation du nombre de demandes automatisables, du temps potentiellement économisé et des économies correspondantes.
Les valeurs affichées par défaut constituent un scénario de simulation, et non une performance mesurée chez un client. Le scénario présenté sur le site utilise notamment 2 000 messages mensuels et estime environ 187 heures de travail économisées.
Cette fonctionnalité transforme ainsi une promesse abstraite, "l'IA peut vous faire gagner du temps", en projection chiffrée que l'utilisateur peut adapter à sa propre situation.
Une offre commerciale immédiatement lisible
La tarification a également été intégrée au parcours de conversion.
Quatre niveaux sont proposés :
- Free
- Starter
- Pro
- Enterprise
Chaque formule présente clairement le nombre de chatbots, le volume de messages et les fonctionnalités associées.
Cette organisation permet à différents profils d'entreprise de se positionner rapidement et évite de transformer la découverte du produit en prise de contact obligatoire.
Construire la confiance autour d'une technologie complexe
L'un des enjeux importants du design était également la réassurance.
L'IA peut susciter des interrogations concernant la fiabilité des réponses, les données utilisées ou la possibilité de reprendre la main sur une conversation.
Le site répond à ces préoccupations en mettant en avant :
- l'utilisation des propres données de l'entreprise ;
- la gestion documentaire ;
- le fonctionnement multicanal ;
- le transfert vers un humain ;
- la disponibilité continue ;
- des informations de performance annoncées par le produit.
Le site affiche notamment plus de 250 000 conversations traitées, un temps de réponse annoncé inférieur à 350 ms et une disponibilité annoncée de 99,98 %. Ces chiffres correspondent aux indicateurs communiqués par NoviaBot sur le site et ne constituent pas une mesure indépendante réalisée dans le cadre du projet.
Une architecture orientée conversion
L'ensemble de la page suit progressivement le raisonnement d'un prospect :
Comprendre → Tester → Découvrir les fonctionnalités → Visualiser le ROI → Comparer les offres → Se lancer
Cette progression évite de présenter toutes les fonctionnalités simultanément.
Chaque section répond à une question différente :
Qu'est-ce que NoviaBot ?
Comment fonctionne-t-il ?
Que peut-il faire pour mon entreprise ?
Où puis-je l'utiliser ?
Combien puis-je économiser ?
Quelle formule correspond à mon besoin ?
Comment commencer ?
La landing page devient ainsi une véritable interface commerciale.
Résultat
NoviaBot ne se présente pas comme une simple vitrine technologique.
L'expérience transforme un produit basé sur l'intelligence artificielle, le RAG et l'automatisation conversationnelle en une offre SaaS compréhensible par des utilisateurs non techniques.
La combinaison entre démonstration interactive, présentation des fonctionnalités, intégrations multicanales, simulateur ROI, tarification et appels à l'action permet de construire un parcours allant de la découverte du produit jusqu'à l'intention d'achat.
Le résultat est une expérience digitale qui positionne l'IA non pas comme une technologie à découvrir, mais comme un outil directement exploitable pour le support client, la qualification et la conversion commerciale.
Technologies et concepts
RAG, pgvector, IA conversationnelle, SaaS, WhatsApp Cloud API, Telegram, Web Chat Widget, automatisation conversationnelle, qualification de leads, Responsive Design, UI/UX Design, Product Design, Conversion Design.
Compétences mises en œuvre
- UX/UI Design
- Product Design
- SaaS Design
- Landing Page Design
- Conversion Design
- Storytelling produit
- Architecture de l'information
- Présentation de technologies IA
- Design de simulateur ROI
- Responsive Design
- Stratégie de conversion
- Vulgarisation de concepts techniques