SS — Étude de cas 05 / Mona SwitchUX/UIImmersive WebAutomation

Rendre lisible une offre très large sans en faire un catalogue

Conception de l’identité digitale et de l’expérience web de Mona Switch, une agence nouvelle génération qui réunit sites immersifs, automatisation & IA, acquisition, fidélisation et création de contenus dans un même écosystème.

Client
Mona Switch — Monaco
Année
2025
Rôle
Co-fondateur, Lead UX/UI Designer
Périmètre
Stratégie digitale, Architecture de l’offre, UX/UI, Direction artistique, Copywriting, CRO, Motion & interactions
Outils
Figma, Claude, Midjourney, Veo 3
Projet Mona SwitchFIG. 01 — MONA SWITCH
01 — Le contexte

Mona Switch est une agence digitale powered by Monamedia, pensée pour accompagner les marques sur l’ensemble de leur croissance digitale : création de sites immersifs, automatisation & IA, génération de trafic, fidélisation client et production de contenus. Le site devait devenir à la fois une vitrine de l’expertise de l’agence et une expérience suffisamment forte pour prouver son niveau d’exécution dès les premières secondes.

02 — Le défi

Le principal défi était de structurer une offre particulièrement riche sans transformer le site en catalogue de services. Il fallait simplifier la compréhension, créer une identité premium immédiatement reconnaissable, faire cohabiter créativité, technologie et performance, puis construire un parcours suffisamment clair pour transformer l’effet “wow” en intérêt commercial réel.

03 — Le résultat

Mona Switch dispose désormais d’une vitrine qui ne se contente pas de présenter ses services : elle démontre son savoir-faire. La refonte aligne stratégie, UX, direction artistique et motion pour rendre une offre complexe simple à comprendre, renforcer la crédibilité de l’agence et créer un parcours plus convaincant vers la conversion.

SS — Objectifs

Ce que le projet devait accomplir.

  1. 001Clarifier l’écosystèmeTransformer une multitude de prestations en une proposition de valeur lisible, organisée autour de grands piliers compréhensibles en quelques secondes, sans réduire la profondeur de l’offre.
  2. 002Créer un effet halo premiumFaire du site la première preuve du positionnement Mona Switch grâce à une direction artistique sombre, des interactions maîtrisées, de la 3D et du motion design utilisés pour renforcer la perception de qualité plutôt que pour décorer.
  3. 003Orienter l’expérience vers la conversionConstruire un parcours qui mène naturellement de la découverte à la confiance puis à la prise de contact, avec une hiérarchie claire, des preuves, des CTA contextualisés et des formulaires courts.
SS — Processus

De l'analyse à la mise en ligne.

01 — STRATÉGIE · Architecture de l’offre

Réduire la complexité sans réduire la valeur.

J’ai commencé par cartographier les services, les audiences et les objectifs business afin d’identifier les grandes familles de besoins. L’offre a ensuite été structurée autour de piliers clairs — sites immersifs, automatisation & IA, acquisition et fidélisation — avec la création vidéo comme expertise transversale. Cette architecture devient la colonne vertébrale du site.

02 — UX & CONVERSION · Parcours utilisateur

Faire comprendre, rassurer, puis faire agir.

Le parcours a été conçu comme une narration de croissance : présenter la promesse, expliquer qui est Mona Switch, faire découvrir les expertises, démontrer la méthode et les réalisations, puis multiplier les points de conversion sans rendre l’expérience agressive. Chaque section répond à une question précise du visiteur avant de l’amener à l’étape suivante.

03 — DIRECTION ARTISTIQUE · Identité premium & motion

Une signature visuelle forte, sans effet gratuit.

La direction artistique repose sur un fond noir profond, une typographie blanche très contrastée et un rouge électrique utilisé comme signal d’énergie et d’action. Cartes 3D, halos, bordures électriques, vidéos au survol et éléments abstraits animés créent de la profondeur tout en restant au service de la hiérarchie et de la compréhension.

04 — Prototypage et intégration · Expérience interactive

Transformer la direction artistique en expérience réelle.

Les concepts ont été prototypés puis traduits en production avec des composants interactifs, des animations au scroll, des cartes vidéo premium et des micro-interactions. Une attention particulière a été portée au responsive, à la fluidité, au poids des médias et à la lisibilité afin de préserver l’impact sans sacrifier l’expérience utilisateur.

SS — Décisions UX

Les décisions qui ont changé le projet.

DÉCISION 01

Une landing page plutôt qu’un catalogue de services

LE PROBLÈME

Avec de nombreuses expertises, une architecture composée d’une multitude de pages risquait de fragmenter l’expérience, d’augmenter la charge cognitive et de rendre la proposition de valeur difficile à mémoriser.

LA DÉCISION

J’ai privilégié une landing page narrative qui présente chaque expertise comme une étape d’un même système de croissance. Le visiteur comprend l’ensemble de l’offre sans devoir explorer plusieurs niveaux de navigation, tandis que les CTA permettent d’approfondir uniquement lorsqu’il en a besoin.

DÉCISION 02

Vendre le bénéfice avant la technologie

LE PROBLÈME

Une liste de technologies, d’outils IA ou de prestations digitales ne permet pas au décideur de comprendre immédiatement ce que Mona Switch peut réellement changer pour son business.

LA DÉCISION

Chaque service est introduit par une promesse orientée résultat — attirer, convertir, automatiser, fidéliser — puis expliqué avec des preuves et des cas d’usage. La technologie devient un moyen d’exécution, pas le message principal.

DÉCISION 03

Une immersion maîtrisée

LE PROBLÈME

Les effets 3D, vidéos et animations peuvent rapidement ralentir le site, distraire du contenu ou créer une expérience spectaculaire mais difficile à utiliser.

LA DÉCISION

L’immersion a été concentrée sur les moments à forte valeur : hero, cartes services, portfolio et transitions clés. Les animations restent progressives, les médias sont pensés courts et légers, et les contenus essentiels restent accessibles sans dépendre des effets visuels.

SS — Direction visuelle

Dark luxury, énergie rouge, précision digitale

Une identité construite autour d’un noir profond et de larges respirations, avec des textes blancs très nets et un rouge électrique comme accent. Les halos, reflets, surfaces glass, cartes 3D et mouvements subtils installent une esthétique tech premium tout en conservant une lecture sobre et une hiérarchie forte.

rgb(171, 22, 23)
rgb(255, 255, 255)
rgb(0, 0, 0)
TYPOGRAPHIESInter TightInter
SS — Impact

Ce que le projet a changé.

La refonte a surtout transformé la manière dont Mona Switch est perçue et comprise. L’offre, auparavant difficile à résumer, devient un écosystème cohérent ; la direction artistique renforce immédiatement le positionnement premium ; et le parcours transforme l’immersion en levier de confiance et de prise de contact plutôt qu’en simple démonstration visuelle.

ClartéOffre immédiatement compréhensibleLes différentes expertises sont regroupées dans une architecture claire et progressive. Le visiteur identifie rapidement ce que fait l’agence, à quel moment elle intervient et quelle valeur chaque service peut apporter.
PremiumPerception de marque renforcéeLa nouvelle direction artistique et les interactions sur mesure donnent à Mona Switch une présence plus statutaire, plus différenciante et cohérente avec une agence capable de vendre des expériences digitales haut de gamme.
ConversionParcours orienté prise de contactLes CTA contextualisés, la mise en avant des bénéfices, les preuves et la progression narrative réduisent les zones de doute et créent davantage d’occasions naturelles de passer de la découverte à une demande de cadrage ou de rendez-vous.
ÉTUDE DE CAS SUIVANTE — 06MYCROWN ESTATES · 2026Transformer un catalogue de biens en parcours qui mène au rendez-vous→
SS — Appel découverte · 30 min

Parlons de votre produit, de vos utilisateurs et de ce qui bloque aujourd'hui. Vous repartez avec 2 ou 3 pistes concrètes, que l'on travaille ensemble ou non.

Réserver un appelChoisir un créneauPrendre contact