Stage M2 - Maquettage & prototypage (Figma) application Quadrige Web (H/F)

Introduction

Depuis plus de 40 ans, L'Ifremer conçoit, pilote et met en œuvre des dispositifs d'observation et de surveillance de l'environnement côtier (suivi du phytoplancton, de la microbiologie, etc.).

Ces réseaux permettent, par exemple, de suivre le phytoplancton présent dans l'eau, ou encore la qualité microbiologique des eaux et des coquillages.

Les données recueillies sont essentielles pour mieux connaître l'état et l'évolution du littoral. Elles servent notamment à la recherche scientifique, à la production d'expertises et à l'appui aux décisions publiques.

Ces observations sont rassemblées dans Quadrige, le système d'information de l'Ifremer dédié aux données de surveillance du littoral. Il permet de collecter, conserver, partager et valoriser ces données, qui représentent plusieurs millions de résultats et plusieurs décennies d'observations.

Quadrige Web est une application de cet ensemble, déployée en 2022. Elle permet aux utilisateurs de consulter des informations et d'extraire des données. Elle a vocation à évoluer prochainement pour permettre également la saisie de données dans la même interface.

Objectif du stage

Pour préparer les évolutions de Quadrige Web, l'équipe projet a régulièrement besoin de représenter les interfaces existantes et d'imaginer les écrans à venir. Or, les maquettes d'origine de l'application ne sont plus disponibles.

Le stage vise donc à reconstituer les écrans de Quadrige Web dans Figma, à partir de l'application existante. Ces maquettes constitueront une base de travail réutilisable pour préparer, discuter et illustrer les futures évolutions de l'outil.

Pour faciliter leur utilisation dans la durée, vous créerez également une bibliothèque de composants graphiques (UI Kit) et réaliserez un prototype permettant de naviguer entre certains écrans.

En lien avec l'équipe projet, vous serez sera amené(e) à :

• Découvrir l'application Quadrige Web, ses principales fonctionnalités et le parcours de ses utilisateurs,
• Créer un UI kit et les premières bases d'un design system dans Figma : couleurs, typographies, boutons, champs, tableaux et autres composants réutilisables, accompagnés de règles d'utilisation,
• Reproduire les écrans existants sélectionnés par l'équipe projet, en s'appuyant sur ces composants,
• Construire un prototype interactif dans Figma, permettant de simuler l'enchaînement de tout ou partie des écrans et parcours utilisateurs,
• Adapter les maquettes à la nouvelle charte graphique (en cours de création), à partir des éléments mis à disposition par l'équipe,
• Organiser et documenter le travail réalisé, notamment en nommant clairement les écrans et les composants, afin que l'équipe puisse reprendre et faire évoluer les fichiers après le stage.

Les écrans à reproduire seront identifiés et priorisés en amont par l'équipe projet.

Le stage portera sur la conception des maquettes et du prototype, sans développement de l'application. Une attention particulière sera accordée à l'organisation et à la documentation des travaux, afin que l'équipe projet puisse facilement les reprendre et les faire évoluer à l'issue du stage.

• Un fichier Figma organisé et documenté ;
• Une bibliothèque de composants et des règles graphiques réutilisables ;
• Les maquettes des écrans priorisés ;
• Un prototype interactif illustrant les parcours retenus.

Date limite de dépôt des candidatures : 25/11/2026

Transmettre obligatoirement et en un seul document pdf : CV, portfolio et lettre de motivation.

Durée : 6 mois sur la période allant de février à août 2 heures/semaine

35 heures hebdomadaires

• Étudiant(e) en Master 2 avec une formation en Design / Graphisme / Conception web