UI / UX Design
Refonte Site Vitrine SEELAB
Refonte du site vitrine SEELAB avec Figma et Framer, pour moderniser l’expérience utilisateur. Création de visuels via la plateforme SEELAB afin de mettre en avant leur technologie d’images IA pour les marques de luxe.
Year :
2025
Industry :
Luxe
Client :
Seelab
Project Duration :
2 mois
Probleme :
Seelab génère des visuels de marque par intelligence artificielle. Leur site, construit sous Webflow, datait des premiers mois de la start-up et parlait encore comme un outil expérimental.
Entre-temps, l'entreprise avait changé de dimension. Nouvelle cible avec les grands comptes et les maisons de luxe, nouveau pôle Agency à lancer, et une levée de fonds en préparation.
Le décalage se voyait. Identité visuelle incohérente, parcours trop longs, proposition de valeur noyée. Un directeur artistique du luxe qui arrivait sur ce site n'avait aucune raison de croire que la technologie derrière tenait la route.
L'objectif : Faire passer Seelab du statut d'outil expérimental à celui de solution crédible pour les grands comptes.
La réussite se jouait sur trois terrains. Convaincre des maisons habituées à un niveau d'exigence visuelle élevé. Rassurer des investisseurs sur la maturité de l'entreprise. Et poser des fondations réutilisables pour le produit SaaS, pas seulement pour la vitrine.
Solution :
Diana Som a porté la direction artistique. J'ai travaillé sur la structure du site, la hiérarchisation des contenus, l'UI kit, la production des visuels et des animations, et l'implémentation.
Le cadrage d'abord. Analyse du marché, de la concurrence et des cibles B2B, puis architecture de l'information. Nous avons décidé ce que le site devait dire avant de dessiner quoi que ce soit.
L'identité ensuite. Le logo historique a été conservé, avec des ajustements chromatiques pour l'accessibilité. La palette vert et bleu d'origine a été enrichie de dégradés texturés au grain, une typographie sans-serif pour la lisibilité, et une bibliothèque d'icônes en glassmorphism. L'ensemble en light mode, choix contre-intuitif sur un produit d'IA mais aligné avec les codes du luxe et meilleur pour le contraste.
L'UI kit, construit en atomic design. Nuancier, variables, typographies, icônes vectorielles, boutons et cartes modulaires, tous pensés pour resservir dans le produit SaaS et pas seulement sur la vitrine.
Sept capsules en motion design habillent les sections hero, produites à partir des visuels générés. Les micro-interactions rythment la navigation sans alourdir le chargement, chaque média ayant été optimisé avant intégration.
Et les visuels. Plus de cent, tous générés avec Seelab. Le site démontre le produit avec le produit, ce qui règle la question de la crédibilité sans avoir à l'écrire nulle part.
Défi :
Un site qui doit convaincre deux publics qui ne cherchent pas la même chose.
Un directeur artistique du luxe regarde d'abord si le rendu tient la comparaison avec ce qu'il produit déjà. Un investisseur cherche une offre lisible et la preuve que le produit fonctionne. Trop démonstratif, on perd le second. Trop explicatif, on perd le premier.
S'ajoutait une contrainte technique. Migrer l'intégralité du site de Webflow vers Framer, sans perdre en performance, en respectant les normes d'accessibilité WCAG et une approche mobile-first. Un site lent ou illisible sur mobile aurait contredit tout le discours sur l'efficacité du produit.
Résultat :
Livré en trois mois.
Plus de 100 visuels produits
45 composants interactifs
7 capsules motion
Un UI kit réutilisable sur la vitrine et dans le produit
Le site a servi de support dans le processus de levée de fonds et a été validé par les investisseurs. Il sert aujourd'hui de démonstration commerciale auprès des grands comptes du luxe.
Ce que je retiens surtout. Quand le produit est lui-même un outil de création, la meilleure démonstration consiste à s'en servir. Les cent visuels du site sortent tous de la plateforme, et ça a réglé une bonne partie du débat sur sa fiabilité.
Ce que je ferais autrement. Nous n'avons posé aucune mesure avant/après. Pas de comparatif de conversion, pas de suivi des demandes entrantes par type d'offre. Aujourd'hui je poserais ce point dès le cadrage.
lien vers le site : seelab.ai
Plus de projets
UI / UX Design
Refonte Site Vitrine SEELAB
Refonte du site vitrine SEELAB avec Figma et Framer, pour moderniser l’expérience utilisateur. Création de visuels via la plateforme SEELAB afin de mettre en avant leur technologie d’images IA pour les marques de luxe.
Year :
2025
Industry :
Luxe
Client :
Seelab
Project Duration :
2 mois
Probleme :
Seelab génère des visuels de marque par intelligence artificielle. Leur site, construit sous Webflow, datait des premiers mois de la start-up et parlait encore comme un outil expérimental.
Entre-temps, l'entreprise avait changé de dimension. Nouvelle cible avec les grands comptes et les maisons de luxe, nouveau pôle Agency à lancer, et une levée de fonds en préparation.
Le décalage se voyait. Identité visuelle incohérente, parcours trop longs, proposition de valeur noyée. Un directeur artistique du luxe qui arrivait sur ce site n'avait aucune raison de croire que la technologie derrière tenait la route.
L'objectif : Faire passer Seelab du statut d'outil expérimental à celui de solution crédible pour les grands comptes.
La réussite se jouait sur trois terrains. Convaincre des maisons habituées à un niveau d'exigence visuelle élevé. Rassurer des investisseurs sur la maturité de l'entreprise. Et poser des fondations réutilisables pour le produit SaaS, pas seulement pour la vitrine.
Solution :
Diana Som a porté la direction artistique. J'ai travaillé sur la structure du site, la hiérarchisation des contenus, l'UI kit, la production des visuels et des animations, et l'implémentation.
Le cadrage d'abord. Analyse du marché, de la concurrence et des cibles B2B, puis architecture de l'information. Nous avons décidé ce que le site devait dire avant de dessiner quoi que ce soit.
L'identité ensuite. Le logo historique a été conservé, avec des ajustements chromatiques pour l'accessibilité. La palette vert et bleu d'origine a été enrichie de dégradés texturés au grain, une typographie sans-serif pour la lisibilité, et une bibliothèque d'icônes en glassmorphism. L'ensemble en light mode, choix contre-intuitif sur un produit d'IA mais aligné avec les codes du luxe et meilleur pour le contraste.
L'UI kit, construit en atomic design. Nuancier, variables, typographies, icônes vectorielles, boutons et cartes modulaires, tous pensés pour resservir dans le produit SaaS et pas seulement sur la vitrine.
Sept capsules en motion design habillent les sections hero, produites à partir des visuels générés. Les micro-interactions rythment la navigation sans alourdir le chargement, chaque média ayant été optimisé avant intégration.
Et les visuels. Plus de cent, tous générés avec Seelab. Le site démontre le produit avec le produit, ce qui règle la question de la crédibilité sans avoir à l'écrire nulle part.
Défi :
Un site qui doit convaincre deux publics qui ne cherchent pas la même chose.
Un directeur artistique du luxe regarde d'abord si le rendu tient la comparaison avec ce qu'il produit déjà. Un investisseur cherche une offre lisible et la preuve que le produit fonctionne. Trop démonstratif, on perd le second. Trop explicatif, on perd le premier.
S'ajoutait une contrainte technique. Migrer l'intégralité du site de Webflow vers Framer, sans perdre en performance, en respectant les normes d'accessibilité WCAG et une approche mobile-first. Un site lent ou illisible sur mobile aurait contredit tout le discours sur l'efficacité du produit.
Résultat :
Livré en trois mois.
Plus de 100 visuels produits
45 composants interactifs
7 capsules motion
Un UI kit réutilisable sur la vitrine et dans le produit
Le site a servi de support dans le processus de levée de fonds et a été validé par les investisseurs. Il sert aujourd'hui de démonstration commerciale auprès des grands comptes du luxe.
Ce que je retiens surtout. Quand le produit est lui-même un outil de création, la meilleure démonstration consiste à s'en servir. Les cent visuels du site sortent tous de la plateforme, et ça a réglé une bonne partie du débat sur sa fiabilité.
Ce que je ferais autrement. Nous n'avons posé aucune mesure avant/après. Pas de comparatif de conversion, pas de suivi des demandes entrantes par type d'offre. Aujourd'hui je poserais ce point dès le cadrage.
lien vers le site : seelab.ai