Aller au contenu

Dessia : refonte du site Webflow d'un logiciel d'IA industrielle

Dessia développe un logiciel d'IA pour accélérer la conception industrielle. Pour faire comprendre ses applications aux ingénieurs et aux directions techniques, la marque avait besoin d'un site plus lisible, sans simplifier à l'excès son expertise.

Gemeos a accompagné la refonte avec son expertise d'agence web pour l'industrie : direction artistique, UX/UI, Webflow et audit SEO.

Page d’accueil du site Dessia sur un ordinateur portable posé sur une chaise : « Generate design with AI »

Faire comprendre une technologie de conception IA aux équipes R&D

Les outils de Dessia aident les équipes d'ingénierie à explorer et comparer des solutions de conception grâce à l'intelligence artificielle. Son ancienne présence digitale reposait sur une identité visuelle chargée et expliquait difficilement cette valeur à des interlocuteurs exigeants, comme les responsables R&D ou les directions de l'ingénierie. La refonte devait rendre les cas d'usage et le fonctionnement du produit compréhensibles dès l'arrivée sur le site.

Gemeos a exploré un univers graphique plus épuré, avec des nuances bleues et métalliques, puis conçu les parcours et les maquettes UX/UI. Les pages ont été intégrées dans Webflow avec des collections CMS pour les ressources. En parallèle, un audit SEO a identifié des freins techniques, notamment autour du sitemap, des pages de documentation et du maillage interne.

Industrie
Industrie
Services
DA
UX/UI Design
Intégration
SEO
Trois pistes de page d’accueil Dessia sur fond bleu, dont « AI for concurrent engineering » avec des ingénieurs

Direction Artistique

La direction artistique de Dessia devait s'éloigner de son identité visuelle existante, jugée trop chargée, pour adopter un design tech, épuré et minimaliste, en cohérence avec la sophistication de sa technologie IA. La couleur bleue/métallique a été retenue comme colonne vertébrale de la nouvelle identité.

Notre équipe design a proposé plusieurs pistes créatives, en prenant comme références des acteurs tech internationaux (Synthesia, Coframe, Anyscale). L'enjeu était de positionner Dessia visuellement comme un acteur B2B premium dans l'engineering IA, crédible aux yeux des grands groupes industriels (Airbus, Dassault Aviation, BMW, Alstom...).

AxeDécision créative
Palette couleursBleu + teintes métalliques, suppression du vert existant
TypographieRemplacement de Lexend Deca → Poppins
IllustrationsSuppression totale, remplacées par photographies et visuels produit
ChatbotSuppression du widget chatbot existant
LogoConservé tel quel
  • Typographie Archivo de Dessia, « Aa » blanc et bleu sur fond nuit
  • Palette animée Dessia : nuit, bleu Dessia, ciel et brume
  1. Ai & Saas

    Une esthétique professionnelle et épurée portée par un duo bleu/gris qui évoque confiance, stabilité et technologie. La typographie combine Azret Mono, à espacement fixe, ancrage dans l'univers des consoles et du code, et ABC Monument Grotesk, sans-serif géométrique qui apporte modernité et clarté. Un motif métallique subtil en texture suggère la robustesse et la précision industrielle. L'espace blanc est utilisé avec rigueur pour créer une interface non encombrée, lisible et intuitive. L'ensemble respire la fiabilité et le sérieux attendus d'un outil destiné aux professionnels de l'ingénierie.

  2. Robotique & Industriel

    Une direction qui s'éloigne des codes SaaS génériques pour embrasser pleinement l'univers des machines et des processus industriels. Palette de gris métalliques, gris chauds et bleus profonds avec touches de bleu électrique. Le motif "bord coupé" devient une métaphore visuelle forte de la précision et de la puissance maîtrisée. Le duo typographique DM Sans / DM Mono équilibre lisibilité moderne et précision technique. Un design sans fioriture qui évoque une technologie robuste, puissante et rigoureuse.

  3. Electric & Bold

    Un univers monochrome bleu électrique dominant qui affirme une identité visuelle forte et mémorable. Les bleus plus foncés apportent profondeur et sérieux. La combinaison typographique Feature Display / PP Mondwest, dont le dessin en pixels fait écho aux logiciels de conception ingénieurs, et DM Mono pour les éléments techniques crée une hiérarchie visuelle audacieuse et cohérente. Les lignes graphiques structurantes évoquent précision et savoir-faire. Une direction qui positionne Dessia comme un acteur d'innovation de pointe, sans compromis.

Maquette de la page d’accueil Dessia : titre « Augmented intelligence for concurrent engineering » et aperçu du dashboard
Concept 1
Ordinateur portable affichant un fichier Figma avec les maquettes de la homepage et du menu du site Dessia

UX / UI Design

Le design UX/UI de Dessia a porté sur l'ensemble du site, homepage, pages produit, solutions, company, ressources, avec un objectif central : rendre la valeur de la plateforme immédiatement lisible pour des décideurs techniques (directeurs R&D, responsables ingénierie, chefs de projet).

La homepage a été construite autour de la promesse "ROI in 90 days" : gain de visibilité en 7 jours, workflow optimisé en 30 jours, ROI mesurable en 90 jours. Un fil narratif clair qui s'adresse directement aux enjeux économiques des grands groupes industriels. Les visuels produit illustrent les étapes Convert → Generate → Verify → Select du moteur IA de Dessia.

PageFocus UX
HomepagePromesse ROI 90 jours, pipeline Convert / Generate / Verify / Select
ProductDémonstration des capacités IA, use cases concrets
SolutionsDéclinaison par secteur (Aéronautique, Automobile, Naval, Défense)
CompanyCrédibilité institutionnelle, références grands groupes
ResourcesUse cases + newsletter
  • Cartes Convert, Generate, Verify et Select du processus d'ingénierie Dessia, posées sur fond bleu
  • iPhone dont la page défile, sur fond gris bleuté, ouvert sur l'accueil mobile de Dessia
  • Cartes Dessia « En 7 jours, 30 jours, 90 jours » : visibilité, workflow optimisé et ROI mesurable, sur fond nuit
Laptop affichant la page d’accueil Dessia : « Unlock the full potential of AI-Driven Design » sur fond de CAO 3D

Intégration Webflow

Le développement Webflow de Dessia a repris les maquettes Figma validées, en respectant le design system défini lors de la phase DA/UX. Le développement a couvert l'ensemble des pages (homepage, product, solutions, company, resources, pages légales) ainsi que la structure CMS pour les ressources et use cases.

Le site a été lancé début mai 2025, après une phase de QA et de validation technique en coordination avec l'équipe Dessia.

  • Bloc vidéo Dessia « AI for concurrent engineering » sur une photo d'usine, posé sur fond gris bleuté
Page d’accueil mobile de Dessia sur smartphone : titre « Generate design with AI » et boutons d’action

SEO

L'audit SEO technique réalisé par Gemeos a mis en évidence plusieurs points bloquants sur le site existant de Dessia : un trafic organique quasi-exclusivement composé de recherches de marque (brand traffic), une double sitemap générant des erreurs 404, et une sous-exploitation majeure du sous-domaine documentation.dessia.io (174 pages sans maillage interne, FAQ identique sur toutes les pages).

Nos recommandations ont porté sur la correction technique des fondations SEO, le renforcement du maillage interne, et la mise en place d'une stratégie de contenu pour diversifier les sources de trafic organique au-delà du brand.

Problème identifiéAction réalisée
Double sitemap + 404 sitemapCorrection technique et unification de la sitemap
Trafic 100% brand (zéro trafic générique)Stratégie de diversification mots-clés hors marque
174 pages docs sans maillage interneRecommandations architecture interne documentation
FAQ identique toutes pagesPersonalisation FAQ par page / intent
  • Bandeau Dessia « Ready to transform your Design Process? » avec son bouton de contact, sur fond bleu

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