Aller au contenu

Noota : accompagnement web d'un SaaS d'IA pour le travail

Noota réunit plusieurs outils d’automatisation du travail et de productivité assistés par l’IA. Son site doit faire comprendre les modules à des utilisateurs très différents. Gemeos accompagne ses évolutions comme agence web pour les logiciels SaaS de productivité, de la direction artistique aux parcours UX/UI, en passant par Webflow et le SEO.

Laptop suspendu par des câbles affichant la page d’accueil Noota « AI Agents for Recruiting and Productivity »

Expliquer une plateforme IA multi-modules sans perdre les utilisateurs

Noota réunit plusieurs usages de l'intelligence artificielle appliquée au travail, de la prise de notes en réunion à l'automatisation de certaines tâches de recrutement et de communication. Ses visiteurs viennent de métiers différents : équipes commerciales, RH, opérations ou services professionnels. Le site devait présenter ces modules comme les composantes d'une même plateforme, tout en permettant à chacun de retrouver rapidement ses cas d'usage.

Gemeos accompagne les évolutions de Noota dans la durée. La direction artistique et les parcours UX/UI ont été travaillés pour clarifier les fonctionnalités, les démonstrations produit et les offres, sans perdre le fil du parcours utilisateur. Les développements Webflow suivent l'évolution des modules et des contenus, tandis que la stratégie SEO couvre les besoins autour de l'automatisation et des outils de réunion assistés par IA.

Industrie
Saas
Services
DA
UX/UI Design
Intégration
SEO
Site Noota sur un ordinateur portable : menu Solutions déroulé et étapes Intake agent, Sourcing Best Candidates

Direction Artistique

Noota est un client récurrent de Gemeos, et chaque nouvelle mission s'inscrit dans une relation de confiance construite autour d'un produit qui évolue vite. Noota 360, le flagship de la plateforme, représente l'ambition de devenir le véritable OS de la productivité pour les équipes modernes.

Le challenge DA était de rendre visuellement compréhensible une plateforme complexe (4 modules interconnectés, multiples cas d'usage, cibles variées) sans tomber dans la sur-simplification marketing ou la sur-complexité technique. L'intelligence de Noota tient dans sa capacité à s'adapter à des workflows très différents, le design devait transmettre cette flexibilité sans la rendre abstraite.

Les partis pris artistiques ont misé sur la clarté systémique : chaque module (AI Notetaker, Communication Hub, Noota Talent, Action Automation) a ses propres codes visuels dans un système cohérent. Les visualisations de l'IA en action, transcriptions en temps réel, summaries qui se génèrent, workflows qui s'exécutent, constituent le cœur de la direction artistique.

La référence sunday.ai (vidéo + couleur de fond dynamique) a orienté les choix vers plus de vivacité et de couleur, les retours look & feel avaient identifié un excès de gris dans les premières pistes. L'enjeu était de rendre la technologie séduisante sans la rendre intimidante.

  • Branding Noota : lettres blanches géantes sur fond bleu vif et bouton « Start for Free » avec flèche
  • Grille d’icônes d’intégrations Noota sur fond sombre : Slack, Salesforce, Workday, Pipedrive, Greenhouse…
  • Palette de couleurs Noota : cinq nuances de bleu de 20 à 100, du #D1E6FB au #045EF5
  • Palette de couleurs Noota : cinq nuances de violet, du 20 (#EED1FB) au 100 (#8109AC), avec codes hexadécimaux
  • Pied de page du site Noota sur fond bleu nuit : liens par catégorie, grand logo Noota et icônes sociales
  1. Dark Tech

    Un univers sombre et immersif dominé par un dégradé bleu nuit à violet profond, qui installe d'emblée la crédibilité d'un outil IA sérieux. La typographie bold et tout en capitales impose une présence forte, tandis que les cards produit en dark mode avec accents violets et bleus électriques structurent la hiérarchie de l'offre. Les visuels d'interface s'intègrent directement dans la composition comme preuves produit. L'ensemble dégage une énergie tech assumée, puissante et premium, le positionnement d'un acteur qui joue dans la cour des grandes plateformes SaaS.

  2. White & Bold

    Un parti pris inverse : fond blanc épuré, typographie extra-bold en capitales qui occupe l'espace avec autorité. La couleur intervient de manière chirurgicale, violet, bleu électrique, vert, pour mettre en valeur les chiffres clés et les mots d'impact dans les témoignages. Les visuels produit sont mis en scène dans un cadre arrondi qui les valorise sans surcharger. Cette direction gagne en lisibilité et en accessibilité tout en conservant l'énergie d'une marque tech ambitieuse. Elle rassure autant qu'elle convainc.

Page d’accueil Noota sur fond bleu nuit, titre « Recruit smarter, hire better » et cards Noota Talent et Noota 360
Concept 1
Laptop affichant le site Noota avec le méga-menu Product ouvert et les cartes Noota 360 et Noota Talent

UX / UI Design

Le design de Noota 360 devait répondre à une diversité de cibles (RH/recrutement, sales, ops, services professionnels) tout en maintenant un discours cohérent. L'UX a structuré l'expérience autour du workflow naturel de la productivité : Capture → Comprendre → Exécuter → Synchroniser.

L'architecture de page a été repensée suite aux retours look & feel : suppression de la section testimonials sous le héro, remplacement de la « feature list » par une section « solution » plus narrative et orientée bénéfices. Chaque module a été présenté dans son propre espace visuel avec une animation de démonstration en autoplay.

Les statistiques d'impact, 10+ heures économisées par recruteur par semaine, 3× plus rapide sur les suivis, 100% des réunions documentées, ont été mises en valeur dans des blocs éditoriaux mémorables plutôt que relégués en bas de page.

Le style global s'est éloigné du « gris ennuyeux » identifié dans les retours : plus de couleur d'accent, compositions plus originales, atmosphère plus lumineuse et dynamique, proche de l'énergie de sunday.ai.

  • Écran affichant les maquettes Figma du site Noota, mobile et desktop, titre « AI Agents for Recruiting and Productivity »
  • Interface Noota « Automation » : champs prêts à envoyer au CRM, bouton « Send to any tool » et logos d’intégrations
  • Cartes de candidats Noota avec photo, ville, score et badge « Perfect Match » ou « Good match » sur fond violet
  • iPhone sur fond bleu clair, ouvert sur la page tarifs mobile de Noota « Transformez chaque conversation en action »
MacBook Pro noir sur une plaque de métal perforé, ouvert sur la page Noota « The future of sourcing is agentic »

Développement & Intégration

L'intégration du site Noota 360 a géré la complexité d'un produit multi-modules avec une architecture frontend pensée pour la performance et la fluidité des animations.

Les démonstrations produit en autoplay (séquences de transcription, génération de summaries, exécution de workflows) ont été intégrées avec une attention particulière à la fluidité, ces animations sont au cœur de la conviction utilisateur.

L'intégration avec les outils Noota existants (calendriers, ATS, CRM, outils vidéo) a été documentée et mise en avant dans les sections dédiées. Le site a été construit pour être facilement mis à jour à mesure que de nouveaux modules (notamment Action Automation, encore en « coming soon ») arrivent en production.

Les formulaires de demande de démo ont été optimisés pour la conversion : peu de champs, logique de qualification intégrée, intégration directe avec le CRM de l'équipe sales Noota.

  • Site mobile Noota sur smartphone : titre « AI Agents for Recruiting and Productivity » et bouton Book a Demo
  • Site mobile Noota sur smartphone : étape 01 « Intake agent », aperçu de tableau de bord et bouton « Start for Free »
  • Laptop affichant le site Noota : titre « Build recruiting pipelines… with AI agents » et grille de réunions vidéo
  • Laptop affichant le site Noota : section « Your systems remain the source of truth » et onglets Universal Plug In
MacBook Pro noir sur une mousse acoustique, ouvert sur le blog Noota « Les agents IA au travail »

Stratégie SEO

La stratégie SEO de Noota cible un écosystème de mots-clés autour de l'automatisation de la productivité et de l'IA appliquée aux meetings et au recrutement : AI meeting notes, automatic transcription, recruiting automation tool, AI notetaker, compte-rendu de réunion automatique.

Le positionnement international (EU-native, GDPR compliant) ouvre des opportunités SEO spécifiques sur des marchés européens sensibles à la souveraineté des données, un différenciateur fort face aux concurrents américains.

La stratégie de contenu s'appuie sur les cas d'usage par verticale (RH, sales, ops, services pro) pour générer du trafic qualifié avec une forte intention. Des guides thématiques (comment automatiser ses comptes-rendus de réunion, comment accélérer son pipeline de recrutement avec l'IA) permettent à Noota de se positionner en autorité sur ces sujets.

  • iPhone sur fond bleu, ouvert sur le blog mobile de Noota et sa recherche d'articles
  • iPhone sur fond violet, ouvert sur l'article Noota « Les meilleures agences d'IA en France en 2026 : comparatif »

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 !!