UI UX designer GIS secteur publique (Freelance possible)

📋 Tâches et responsabilités

L'application de notre client sert de base technique pour produire et diffuser un large éventail d’applications thématiques à destination de différentes cibles :

• Le grand public (cible externe), via des applications comme Ville à 10 Minutes ou Projets Urbains
• Les agents de la Ville et les partenaires (cible interne), via de nombreuses applications métiers.
• La cible interne (agents) est la priorité pour ce projet.

L’écosystème d’applications s’est construit au fil des années et présente aujourd’hui des disparités visuelles et ergonomiques. Cette situation crée une expérience utilisateur (UX) incohérente et augmente la complexité de maintenance (dette UI).

2. Objet du Marché

2.1. Objectifs & Problèmes à résoudre

Pour remédier à cette situation, on souhaite se doter d’un Design System (DS). Ce DS agira comme la source unique de vérité (Single Source of Truth) pour l’ensemble de nos interfaces, avec pour objectifs principaux de :

• Réduire la dette UI/UX existante et prévenir son accumulation future.
• Assurer la cohérence de l’écosystème et maintenir une expérience utilisateur (UX) homogène.
• Faciliter et accélérer les activités de conception pour le Product Management.
• Optimiser le développement en fournissant des composants “prêts à l’emploi”, déchargeant les développeurs de cette tâche.
• Rendre l’outil attractif en lui donnant une identité visuelle moderne, intuitive et valorisante.
• Garantir l’accessibilité des interfaces et interactions (conformité aux normes WCAG, qui est une obligation légale).

2.2. Prestations attendues

Le présent marché consiste à accompagner l’équipe dans la création des fondations et d’une première bibliothèque de composants (UI Kit) de son Design System.

Le prestataire sélectionné sera en charge de :

• Auditer l’existant
• Définir les fondations visuelles (design tokens, brand identity)
• Concevoir une première bibliothèque de composants (UI Kit) robustes et accessibles
• Documenter les règles d’usage (Guidelines) de ces composants

L’outil de design de référence pour cette mission est Figma.

3. Description des phases et livrables attendus

La mission se décompose en plusieurs phases avec des livrables clairs :

Phase 1 : Audit & Inventaire (Discovery)

• Analyse de l’existant (via 2-3 applications clés, principalement internes, qui seront fournies).
• Création d’un UI Inventory de tous les éléments d’interface (couleurs, typographies, boutons, formulaires, modales, etc.).
• Identification des incohérences, des “doublons” et des points de friction ergonomiques.

Livrable 1 : Un rapport d’audit et d’inventaire (ex: fichier Figma) synthétisant les observations et les recommandations stratégiques.

Phase 2 : Fondations Visuelles (Design Tokens & Brand Identity)

• Définition de la palette de couleurs (primaire, secondaire, sémantiques, neutres).
• Définition de la gamme typographique (polices, tailles, weight, hauteurs de ligne).
• Définition des systèmes d’espacement (grids, margin, paddings).
• Définition des autres “tokens” : ombres, border-radius, etc.

Livrable 2 : Une charte graphique et ergonomique livrée sous forme de variables (Design Tokens) structurées dans un fichier Figma.

Phase 3 : Conception de la Bibliothèque de Composants (UI Kit)

• Conception d’une bibliothèque de composants UI de base, en utilisant les fondations de la Phase 2.
• Les composants devront être créés en utilisant les bonnes pratiques Figma (auto-layout, variants, etc.).
• L’accent doit être mis sur l’accessibilité (WCAG).
• Responsive Design : L’usage principal est le “desktop-first” (applications métiers). Cependant, la consultation doit être parfaitement fonctionnelle et lisible sur mobile (responsive). Nous ne visons pas une expérience mobile-first complète qui répliquerait toutes les fonctionnalités, mais une expérience de consultation mobile fluide, intuitive et qui respecte l’identité visuelle.

Livrable 3 : La bibliothèque de composants (UI Kit) sous forme d’un fichier Figma propre et publiable.

Phase 4 : Documentation & Principes d’Usage (Guidelines)

• Pour chaque composant, rédaction de règles d’usage claires et concises (“Do’s & Don’ts”).
• Ces règles pourront être intégrées directement dans Figma (via la description des composants) ou dans un document annexe (zeroheight, storybook)

Livrable 4 : Une documentation d’usage (Guidelines) pour les composants de la bibliothèque.

5. Modalités de Réponse Attendues

Pour être considérée comme complète, l’offre du soumissionnaire doit inclure les documents suivants :

• Un portfolio (lien ou PDF)
• Une note méthodologique (max. 3 pages) :
  • Démontrant la compréhension du besoin spécifique.
  • Décrivant l’approche et la méthodologie proposées pour chaque phase. Incluant un planning prévisionnel avec une estimation de la charge (en J/H) par phase.
• Un CV à jour.

📝Votre profil

Roles

• UX Designer - Level: Junior

Languages

• Dutch - Level: Nice to have
• French - Level: Native or bilingual proficiency
• English - Level: Nice to have

Skills

• Compréhension des contraintes techniques front-end - Level: Beginner
• Conception et mise en place de Design Systems (UI) complexes - Level: Intermediate
• Audit UI/UX d’applications existantes - Level: Intermediate
• Documentation de Design Systems - Level: Intermediate
• Figma - Level: Intermediate
• Création de bibliothèques de composants UI réutilisables - Level: Intermediate
• WCAG 2.1 - Level: Beginner
• Design d’applications cartographiques - Level: Nice to have
• Design d’applications métiers desktop-first - Level: Beginner

💼 Offre

Vous ferez partie d'une PME belge en pleine croissance, où l’initiative et le développement personnel sont encouragés. Nous vous offrirons un environnement de travail agréable, entouré(e) de collègues sympathiques. Ensemble, nous élaborerons un plan de carrière, avec une attention particulière et un budget dédié à la formation ou à la certification complémentaire. Vous pouvez compter sur un salaire attractif, complété par des avantages extra-légaux, y compris une voiture de société.
(Freelance est également possible)