Projet en agence
Mission Opérationnelle Transfrontalière.
La refonte d'un site extrêmement riche en contenus. De l'appel d'offres aux wireframes, jusqu'à la présentation au client à Paris et au suivi du développement.
- Client
- Mission Opérationnelle Transfrontalière (MOT)
- Contexte
- Alternance chez HighCo Mindoza
- Année
- 2023 – 2024
- Mon rôle
- UX designer, aux côtés du directeur UX
- Équipe
- Directeur UX, équipe projet, développeurs
- Outils
- Figma
01
Le contexte
La Mission Opérationnelle Transfrontalière (MOT), association dédiée à la coopération transfrontalière, avait besoin de refondre son site internet. Un site extrêmement riche en contenus : actualités, événements, ressources, cartes… sans oublier un espace membre qui regroupe des ressources réservées à ses adhérents.
Tout le défi de cette refonte : organiser cette masse d'informations et la mettre en avant de façon claire. Le projet a commencé par un appel d'offres, auquel j'ai participé dès le début de mon alternance chez HighCo Mindoza.
02
Mon rôle
L'un de mes plus gros projets d'alternance, sur lequel j'ai gagné une vraie autonomie :
- Participation à l'appel d'offres et aux premiers wireframes.
- Conception de l'ensemble des wireframes du site, accompagnée par le directeur UX, qui se concentrait sur l'espace membre.
- Contribution aux déclinaisons des maquettes UI.
- Présentation du travail au client à Paris, pour une première étape de validation.
- Supervision du développement jusqu'à la fin de mon alternance.
03
Les objectifs
Convaincre lors de l'appel d'offres avec une proposition UX solide.
Organiser une très grande quantité de contenus, pour que chacun trouve vite l'information qu'il cherche.
Concevoir des pages cohérentes et simples à développer, grâce à des blocs réutilisables.
04
La méthodologie
Des wireframes construits en tenant compte des besoins du client, des contraintes techniques de développement et du budget du projet.
-
Appel d'offres
Premiers wireframes pour la proposition de l'agence, qui a remporté le projet.
-
Architecture & navigation
Un méga-menu qui classe les contenus par secteur, par frontière, par niveau et par type, et un onglet réservé aux membres connectés.
-
Wireframes & blocs
Des pages construites à partir de blocs réutilisables, pour un site harmonieux et un développement simplifié.
-
Validation & développement
Présentation au client à Paris, déclinaisons UI, puis suivi du développement.
05
Solutions & résultats
Les wireframes ont été présentés au client lors d'un rendez-vous à Paris, première étape de validation qui s'est très bien passée, et j'ai été félicitée par mon équipe pour le travail accompli. J'ai ensuite contribué aux maquettes UI et supervisé le développement jusqu'à la fin de mon alternance. Le site est aujourd'hui en ligne : je n'ai pas participé à sa mise en ligne finale.
Ce projet m'a fait gagner en maturité : j'ai acquis une telle connaissance du sujet qu'on m'a laissé prendre des décisions et arbitrer en autonomie. Lors de ce premier déplacement professionnel, j'ai pu présenter mon travail, répondre aux questions du client et faire avancer le projet ensemble. L'oral, c'est un exercice que j'aime beaucoup.
- 1 appel d'offresremporté par l'agence
- 4 entréespour classer les contenus : secteur, frontière, niveau, type
- Parisprésentation et validation avec le client
Faites défiler chaque maquette avec la molette de votre souris, ou du doigt sur mobile. Cliquez dessus pour l'agrandir.
Captures du site en ligne. Il reprend les maquettes sur lesquelles j'ai travaillé ; n'ayant pas participé à la mise en ligne finale, certains détails ont pu changer.
Les droits de ces visuels ne m'appartiennent pas : ils restent la propriété de la MOT et de l'agence HighCo Mindoza, et sont présentés ici uniquement pour illustrer mon travail.
Un projet comme celui-ci ? Parlons-en.
Je serais ravie de vous raconter ce projet plus en détail, en visio ou par téléphone. Écrivez-moi : je vous réponds rapidement !