Modernisation des outils de communication numérique

Conception et développement d’un design system accessible, responsive et thémable pour les sites des deux institutions, avec une documentation exploitable et une librairie Penpot.

Le système comprend notamment :

• un thème de base, trois palettes de couleurs — institutionnelle, générique et thématique — déclinées sur fonds clair et sombre, avec matrice des combinaisons accessibles ;
• une police web lisible, sans dépendance externe, avec alternatives de chargement, différentes graisses et bibliothèque de glyphes ;
• une grille fluide pensée d’abord pour les petits écrans, avec colonnes, gouttières, points de rupture, marges, élévations, alignements et tailles de texte ;
• des transitions activables ou désactivables, respectant la préférence prefers-reduced-motion.

Le titulaire réalise les composants textuels, de navigation, de présentation, médias, géographiques, formulaires et réglages : titres à six niveaux, liens, listes, tableaux, recherche, pagination, fil d’Ariane, cartes, galeries, accordéons, modales, calendriers, horaires, formulaires, champs de consentement et de notation. Les composants doivent être adaptables aux petits, moyens et grands écrans et réutilisables dans les courriels.

La prestation inclut l’intégration de plus d’une centaine d’icônes vectorielles, l’adaptation du système aux courriels, le code HTML/CSS/JS nécessaire, une documentation avec code commenté, exemples, règles et conseils techniques, ainsi qu’une librairie Penpot. Le code et la documentation sont hébergés temporairement pour la recette, puis transférés au lot 2 pour leur hébergement durable.

Le titulaire rédige les spécifications, corrige les anomalies signalées sur l’outil de suivi du lot 2 et travaille avec les lots 2 et 3. La prestation doit respecter l’accessibilité, l’écoconception, la performance, l’amélioration progressive, les logiciels libres, les règles Opquast et l’interdiction de l’intelligence artificielle générative.