2023 · Public / InternationalMCIPO
Le nouveau site de l'office qui enregistre brevets et marques à Monaco, l'équivalent de l'INPI. J'y ai dessiné une marque propre et des démarches de dépôt plus lisibles, avec les pièces du Design systemLa bibliothèque commune d'une marque : couleurs, textes, boutons, champs, avec leurs règles d'usage. Chaque écran se construit à partir de ces mêmes pièces. du Gouvernement Princier.
L'enjeu : donner au MCIPO une marque à lui, sans jamais le détacher de l'État dont il dépend.
15Nouveaux composants créés, pour plus de 15 pages types
- UX UI
- Branding
- Product design
Situation
L'INPI de Monaco, sur un site qui parlait d'autre chose
Le MCIPO est le service de l'administration monégasque qui gère la propriété industrielle, rattaché à la Direction du Développement Économique. Il enregistre et protège les brevets, les marques, les dessins et modèles, et publie guides, procédures, bases de données et barèmes des taxes. Ses utilisateurs sont les déposants : la population monégasque et ses entreprises.
Luminess a remporté ce contrat en partie grâce à sa spécialité en propriété intellectuelle.
Sur la dernière version archivée de l'ancien site, en décembre 2024, l'accueil s'ouvre sur un carrousel d'actualités européennes illustré de photos d'archive (ampoules, logos de cartes bancaires, loupe), et le premier service de dépôt n'arrive qu'en dessous. Et l'office n'a pas de logo. Son nom est écrit en texte sous celui du Gouvernement Princier.
Tâche
Tout refaire, sans rien ajouter au périmètre
Refaire tout le site à périmètre constant, sous la tutelle des règles graphiques de Monaco, avec une identité neuve qui ressemble aux autres sites du gouvernement.
La commande était une Refonte isopérimètreRefaire un site en gardant exactement les mêmes services et contenus. Seules la présentation et la façon de s'en servir changent. : mêmes contenus, mêmes services, mais une ergonomie et une image revues. J'ai suivi le design du projet de bout en bout, du logo jusqu'à l'intégration.
J'encadrais un alternant. UX/UI designer sur le projet, il a aussi pris en charge les bugs de fonctionnalités et de parcours.
- 01
Une image d'État
Le MCIPO reste un service du Gouvernement Princier, et sa marque devait exister sans jamais s'en détacher.
- 02
Un design system trop court
L'existant restait pauvre face aux parcours de dépôt. Chaque nouveau composant passait par une validation.
- 03
Le niveau AA au minimum
L'objectif d'accessibilité était le Niveau AALe palier intermédiaire des règles internationales d'accessibilité du web, les WCAG. C'est celui que reprend le RGAA en France, et celui que la plupart des sites publics visent. au minimum. Monaco n'est pas soumis au RGAA français : c'était un objectif de conception, que je ne peux pas appuyer sur un rapport d'audit.
Action
De l'audit au prototype, en six étapes
J'ai déroulé la démarche dans cet ordre, en partant de l'existant. Je n'ai défendu que les composants indispensables aux parcours.
Auditer, puis cadrer
D'abord un Audit ergonomiqueUn passage en revue d'un site existant pour repérer ce qui gêne ses utilisateurs. Il sert de point de départ à la refonte. du site en place. Puis le cadrage du besoin avec la division, avant de toucher à la moindre maquette.
Dessiner une marque qui reste monégasque
Logo et charte graphique. Un office du Gouvernement Princier hérite d'un vocabulaire visuel très codifié, et sa nouvelle identité devait rester proche des autres sites du gouvernement.
Tracer les parcours des déposants
J'ai défini les parcours de dépôt, un par type de titre, puis je les ai retravaillés en ateliers d'idéation que j'animais.
Un parcours par type de titre : pour une marque, les démarches en ligne d'abord, puis le guichet et les pièces à fournir. (Capture du site en ligne, 17 octobre 2026.) Un nouveau composant, seulement si un parcours le demande
J'ai fait évoluer l'UI kitLa boîte de pièces d'interface prêtes à l'emploi : boutons, champs, cartes, menus. Les designers y puisent pour construire les écrans. seulement là où un parcours le demandait, sans refonte visuelle complète. Bilan : quinze nouveaux composants. Ils couvrent plus de quinze pages types.
Maquetter, prototyper, suivre l'intégration
WireframeLe plan d'un écran en noir et blanc, sans couleurs ni images. Il montre où va chaque élément avant de soigner l'apparence., maquettes et prototypes, puis le suivi de l'intégration avec l'équipe de développement.
Le dispositif
- Durée
- 3 mois, de janvier à mars 2023. Mise en ligne le 13 janvier 2025.
- Client
- Division de la Propriété Industrielle, Direction du Développement Économique, Gouvernement Princier de Monaco.
- Outils
- Figma, FigJam.
- Rôle
- Product Designer : suivi design du projet, branding, logo, parcours, maquettes, évolutions de l'UI kit, suivi de l'intégration. Encadrement d'un alternant (UX/UI, bugs de fonctionnalités et de parcours), facilitation d'ateliers.
- Statut
- Livré, en ligne sur mcipo.gouv.mc/fr.
Résultat
En ligne depuis le 13 janvier 2025
Conçu de janvier à mars 2023, le site est en ligne sur mcipo.gouv.mc depuis le 13 janvier 2025, relié au portail MonGuichet.mc. Monaco Hebdo a annoncé son ouverture quatre jours plus tard.
L'accueil s'ouvre désormais sur les trois démarches de dépôt, le menu suit les besoins du déposant, des guides jusqu'aux grilles tarifaires et à la FAQ, et la connexion passe par MonGuichet.mc. Le premier écran ne parle plus d'actualité.
En mars 2025, la division est entrée officiellement dans l'Alliance francophone de la propriété intellectuelle, aux côtés de l'INPI français.
Ce qui n'est pas mesuréJe n'ai ni retour client ni chiffre d'usage. Le site est public : il se juge sur pièce.
Ce que j'en retiens
Quand chaque ajout doit être approuvé, j'en demande peu et je justifie chacun par un parcours précis. Il en a fallu quinze.
Projets suivants
- La Maison Perchée2021 – 2025Transmettre de la connaissance et guider des bénévoles de l'association avec un référentiel clair et des ressources personnalisables.
- VisiperfVISIPERF · 2020 – 2021Donner à chaque magasin franchisé des outils pour attirer des clients locaux tout en respectant l'image de marque nationale.
- ADEME, Recherche & DéveloppementADEME · 2023 – 2024Centraliser les financements et les programmes scientifiques pour propulser les innovations dédiées à la transition écologique.
- Identité et packaging d'un miel artisanalPtit Abeille · 2025Donner au miel d'un apiculteur artisan un packaging haut de gamme, posé à la main pot après pot.
