Aller au contenu

Starleads : refonte du site Webflow d'une plateforme d'appels IA

Starleads utilise des agents vocaux IA pour automatiser les appels de prospection. La refonte devait montrer les cas d'usage aux équipes commerciales sans multiplier les explications techniques.

Starleads s'est entouré de Gemeos, agence web pour les SaaS d'appels automatisés, pour concevoir la direction artistique, les parcours UX/UI, le site Webflow et le SEO.

Page d’accueil Starleads sur un ordinateur portable : « Votre centre d’appels IA aussi naturel qu’un humain » et formulaire

Faire comprendre un centre d'appels IA sans déshumaniser le discours

Starleads est une plateforme d'appels sortants automatisés née de l'évolution de Locuta. Elle combine agents vocaux, qualification des prospects et intégrations CRM pour des équipes commerciales et des centres d'appels. La nouvelle présentation devait faire comprendre ces fonctions aux décideurs, montrer les cas d'usage et dépasser l'image parfois froide des outils d'automatisation téléphonique.

Gemeos a construit un univers graphique technologique mais accessible, puis organisé les parcours autour des bénéfices, des cibles et des quatre piliers de la plateforme. Les maquettes ont été développées sous Webflow, avec des collections pour les ressources et les intégrations. Les optimisations SEO ont accompagné la structure des pages consacrées à l'IA vocale et à la prospection.

Industrie
Saas
Services
DA
UX/UI Design
Intégration
SEO
Trois variantes de page d’accueil Starleads (fond clair, sombre, dégradé bleu) avec graphique en anneau des appels

Direction Artistique

Starleads avait besoin d’une identité visuelle qui reflète à la fois la puissance technologique de sa solution IA et sa promesse d’accessibilité. L'équipe a défini une direction artistique technologique et accessible, en s’inspirant des meilleurs acteurs du secteur (Synthflow, Humanlinker, Aircall, Zeliq) tout en évitant l’image froide et austere des centres d’appels traditionnels.

Direction créativeApproche
Ton visuelTech, moderne, premium, références Synthflow, Aircall, Humanlinker
PositionnementIA accessible, Call Center as a Service démocratisé
CibleDirecteurs commerciaux B2B, dirigeants de BPO, équipes sales
  1. Concept 1 : Clair & Produit-First

    Un design blanc et structuré avec accents orange-rouge qui apportent énergie et urgence. Le hero intègre directement la capture du dashboard lead gen, graphique circulaire, statuts d'appels, métriques, pour démontrer la puissance de l'outil dès le premier fold. Les sections features alternent photographie humaine et visuels produit pour équilibrer technologie et proximité. Une direction claire et rassurante, pensée pour des équipes commerciales qui veulent voir le produit avant de s'engager.

  2. Concept 2 : Dark & Spatial

    Un univers sombre étoilé qui crée une atmosphère immersive et distinctive. Le hero centré avec étoiles en fond positionne Starleads dans un registre IA ambitieux et premium. L'interface produit encadrée en bleu électrique flotte dans cet espace sombre comme un cockpit de pilotage. Les sections features sur fond noir maintiennent l'immersion tout au long du scroll. Une direction audacieuse qui se démarque radicalement des codes habituels du CRM et de la prospection commerciale.

  3. Concept 3 : Gradient & Premium

    Un hero bleu-violet en dégradé profond qui évoque l'univers IA sans tomber dans les clichés tech. La typographie blanche sur fond coloré crée un impact visuel immédiat. L'interface produit s'intègre dans cet environnement lumineux avec élégance. Les sections features alternent fond sombre et blocs colorés pour créer du rythme et de la profondeur. La direction la plus équilibrée des trois, entre impact visuel, crédibilité produit et sophistication IA.

Maquette de la page d’accueil Starleads : titre « Boostez les performances… grâce à l’IA » et dashboard lead gen en donut
Concept 1
Ordinateur portable affichant les maquettes du site Starleads dans Figma, avec le titre « Vox hybride Starleads »

UX / UI Design

Le design UX/UI de Starleads poursuit un objectif central : maximiser les conversions. Chaque page a été conçue comme un tunnel de lead generation, calls-to-action clairs, mise en valeur des bénéfices concrets (automatisation, gain de temps, qualification à grande échelle) et navigation optimisée pour les deux cibles : B2B (directeurs commerciaux, SaaS, services financiers) et B2C (centres d’appels, BPO).

L’architecture du site met en avant les quatre piliers de la plateforme : automatisation des appels sortants, enrichissement des fichiers de prospection, personnalisation des interactions et intégration CRM.

Ordinateur portable sur fauteuil orange affichant la page Recrutement du site Starleads, avec bouton Réserver une démo

Intégration Webflow

Le développement Webflow du site Starleads a été réalisé sur la base des maquettes validées lors de la phase design. L’objectif : une intégration fidèle, performante et autonome pour les équipes Starleads dès la mise en ligne.

LivrableDétail
Intégration pixel-perfectFidélité totale aux maquettes Figma, composants Webflow réutilisables et système de design centralisé
CMS WebflowArchitecture CMS pour les cas clients, les intégrations et les ressources, entièrement gérée par l’équipe Starleads sans développeur
Animations IX2Interactions au scroll et animations illustrant les capacités d’automatisation téléphonique de la solution IA
Performance & responsiveScore Lighthouse optimisé, expérience parfaite sur mobile et desktop pour les prospects B2B
Formation équipeSession de formation Webflow livrée à la fin du projet pour garantir l’autonomie totale de l’équipe Starleads
Page d’accueil Starleads sur un ordinateur portable : « Transformez vos appels commerciaux grâce à la voix hybride »

SEO : Se positionner sur les requêtes IA téléphonique et prospection outbound

L’optimisation SEO de Starleads a porté sur les fondations techniques et le positionnement éditorial, avec un focus sur les requêtes stratégiques liées à la prospection téléphonique IA, l’automatisation des appels sortants et le Call Center as a Service.

Action SEOMise en œuvre
SEO techniqueBalises title/meta optimisées par page, structure Hn cohérente, données structurées SoftwareApplication (schema.org) pour la solution IA
Architecture sémantiqueArborescence pensée pour couvrir les requêtes par use case (prospection sortante, qualification de leads, automatisation d’appels) et par cible (B2B, BPO, SaaS)
Mots-clés stratégiquesPositionnement sur «call center IA», «automatisation appels sortants», «prospection téléphonique IA» et variantes longue traîne à forte intention commerciale
Core Web VitalsOptimisation technique pour un score Lighthouse élevé et un classement favorable dans les SERPs concurrentiels du marché IA SaaS

Nos dernières réalisations

+250 entreprises accompagnées

Des sites designés et développés avec

Voir tous les projets

Vous allez notre collaboration, c’est garanti

Prêt à faire décoller votre activité ?

demander un devis

Let’s f*****G GO !!