Agence digitale · Design · Automatisation · Growth
·
Monaco
MonaSwitch
J’ai conçu Mona Switch comme une démonstration directe de son savoir-faire : une expérience web premium, immersive et orientée business capable de rendre une offre très large immédiatement compréhensible, tout en guidant le visiteur vers une prise de contact qualifiée.
RÔLE
Co-fondateur · Lead UX/UI Designer · Framer Designer
SCOPE
Stratégie digitale · Architecture de l’offre · UX/UI · Direction artistique · Copywriting · CRO · Motion & interactions · Intégration Framer
TOOLS
Figma · Framer · Claude · Midjourney · Veo 3
Le challenge
CONTEXT
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.
CHALLENGE
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.
Les objectifs
01
Clarifier l’écosystème
Transformer 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.
02
Créer un effet halo premium
Faire 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.
03
Orienter l’expérience vers la conversion
Construire 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.
Le process
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.
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.
Key UX Decisions
Quelques décisions qui ont directement influencé l’expérience finale.
01
Une landing page plutôt qu’un catalogue de services
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.
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.
02
Vendre le bénéfice avant la technologie
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.
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.
03
Une immersion maîtrisée
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.
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.
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.
Aa
Titres
Inter Tight
Aa
Textes
Inter
COULEURS
#0B0B0B · #FFFFFF · #FF2D55 · #171717
L'interface finale
Le résultat
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éhensible
Les 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.
Premium
Perception de marque renforcée
La 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.
Conversion
Parcours orienté prise de contact
Les 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.
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.
