bon à savoir

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Ajouter

Lorem ipsum

Lorem ipsum

Synapse x Gemeos

Refonte complète du site marketing de Synapse, le SaaS qui centralise et analyse les données des PME industrielles grâce à l’IA.

A
A
A

Digitaliser le copilote IA de l’industrie française

Synapse est né d’un constat : l’industrie française manque d’outils intelligents pour centraliser ses données et en tirer des insights actionnables. Le SAAS Synapse répond à ce défi avec un copilote IA conçu pour les PME industrielles, notamment dans la métallurgie.

Gemeos a accompagné Synapse sur la direction artistique, le design UX/UI et l’intégration Webflow de leur site, pour une présence digitale à la hauteur de leur vision technologique et de leur ambition de transformer l’industrie française.

Industrie

Services

A
A
A

Direction Artistique

Synapse opère à l’intersection du monde industriel et de la tech IA. La direction artistique devait refléter cette double identité : la rigueur et la crédibilité de l’industrie, combinées à l’innovation et la fluidité d’un produit SaaS moderne.

Une identité visuelle tech & industrielle

La charte graphique de Synapse — fondée sur des tons bleus avec dégradés — a servi de point de départ pour une DA inspirée des meilleures références SaaS B2B (Stripe, Airtable, Typeform) : typographies précises, visualisations de données et éléments évoquant les connexions et la centralisation des flux d’information.

Le logo au cœur du design

Le logo Synapse, avec ses deux formes symétriques évoquant l’embranchement neuronal, la lettre S et l’idée de connexion, a été intégré comme fil conducteur de la DA : ses codes (symétrie, flux, connexion) se retrouvent dans les patterns graphiques, les illustrations et les animations du site.

Pilier DAChoix créatifMessage transmis
CouleursBleu gradient, tech premiumInnovation & confiance
TypographieSans-serif précis & lisibleExpertise & clarté
VisuelsConnexions, flux de données, IAIntelligence & performance
RéférencesStripe, Airtable, TypeformSaaS B2B premium

Concept 1 — Dark & Structuré

Un univers sombre sur fond bleu nuit qui installe Synapse comme un outil tech sérieux et ambitieux. Le hero splitté texte/interface démontre le produit dès le premier fold. La section "problème vs solution" joue sur deux cards contrastées — gestion morcelée en sombre vs pilotage sans friction en bleu vif — pour matérialiser visuellement la transformation promise. Les sections features suivantes détaillent les cas d'usage en liste sur fond sombre avec captures produit. Une direction premium et percutante pour les dirigeants de PME industrielles exigeants.

Concept 2 — Blanc & Épuré

Un design clair et aéré qui mise sur la lisibilité et la clarté du message. Le hero centré avec forme organique en dégradé chaud en arrière-plan apporte douceur et modernité sans alourdir. La mécanique "problème / solution" est traitée en texte direct et percutant — "Trop d'infos. Trop d'outils. Trop de doutes." — avant d'introduire la plateforme. Les captures produit sur fond blanc respirent et permettent une lecture fluide et progressive. La direction la plus accessible et pédagogique des trois.

Concept 3 — Gradient & Tech

Un hero bleu-violet en dégradé qui crée une atmosphère tech premium sans tomber dans le cliché dark mode. L'interface produit flotte dans cet environnement lumineux avec élégance. Le bandeau d'intégrations — Stripe, Zapier, Slack, Perplexity — installe immédiatement la dimension connectée et ouverte de la plateforme. Les sections alternent fond blanc et blocs violets pour rythmer la lecture. Une direction moderne et différenciante qui positionne Synapse comme l'outil de pilotage de la prochaine génération de PME industrielles.

Look&Feel
A
A
A

Design UX/UI

La landing page de Synapse devait convaincre des dirigeants et directeurs opérationnels de PME industrielles — souvent peu familiers des outils SaaS modernes — que Synapse était la solution la plus simple, la plus intelligente et la plus adaptée à leurs réalités terrain.

Simplifier la proposition de valeur

Nous avons structuré l’architecture de la page pour mettre en avant les deux atouts différenciants de Synapse : la simplicité de mise en place (sans bouleverser l’organisation existante) et la puissance de l’IA pour générer des insights actionnables à partir des données de l’entreprise.

Design adapté au secteur industriel

Contrairement aux SaaS B2C grand public, Synapse s’adresse à des décideurs terrain pragmatiques. Le design a été calibré pour inspirer confiance et crédibilité immédiatement, avec des visuels concrets, des cas d’usage clairs et un ton professionnel et direct.

Conversion & lead gen B2B

Les call-to-action ont été pensés pour un processus commercial B2B : demande de démo, prise de contact, accès à une période d’essai. L’architecture UX guide naturellement le visiteur vers l’engagement, avec des zones de réassurance (témoignages, chiffres clés) stratégiquement positionnées.

A
A
A

Intégration Webflow

L’intégration Webflow du site Synapse a mis l’accent sur la fidélité au design, les animations soignées et la performance — essentiels pour un SaaS B2B dont le site est le principal vecteur d’acquisition.

Intégration pixel-perfect

La landing page a été intégrée dans Webflow avec une attention maximale aux détails : rendu pixel-perfect des maquettes, animations de scroll, micro-interactions et transitions fluides inspirées des références SaaS premium comme Stripe et Airtable.

Performance & CMS

Une architecture Webflow légère a été privilégiée pour garantir des temps de chargement rapides — critiques pour le SEO et la conversion — avec une structure permettant à l’équipe Synapse de mettre à jour leur contenu (cas d’usage, témoignages, fonctionnalités) sans intervention technique.

CritèreSolutionImpact
PerformanceAssets optimisés, code propreChargement rapide
AnimationsWebflow Interactions IX2Expérience premium
CMSSections éditables en autonomieFlexibilité équipe
ResponsiveMobile-first, 5 breakpointsUX multi-device

"Nous avons travaillé ensemble sur de multiples projets : site internet, ads, UX/UI, print et même illustration, j’ai toujours été 100% satisfait de Gemeos. En plus de leur savoir-faire de grande qualité, ils sont rigoureux, ponctuels et agréables. C’est un plaisir de travailler avec vous !"

Benjamin Lattron

Head of Marketing @Hesus

NOS dernières réalisations

+240 entreprises
accompagnées

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

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

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

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

Vous allez :heart: notre collaboration...