Developer

Role: Developer

Languages: French and English

Location: Brussels, Belgium

Full Time, Hybrid work

To address this situation, to implement a Design System (DS). This DS will act as the single source of truth for all our interfaces, with the main objectives of:

• Reduce existing UI/UX debt and prevent its future accumulation.
• Ensure ecosystem consistency and maintain a consistent user experience (UX).
• Facilitate and accelerate design activities for Product Management.
• Optimize development by providing "ready-to-use" components, relieving developers of this task.
• Make the tool attractive by giving it a modern, intuitive and rewarding visual identity.
• Ensure the accessibility of interfaces and interactions (compliance with WCAG standards, which is a legal obligation).

2.2. Expected Performance

The selected service provider will be responsible for:

• Auditing the existing situation
• Define the visual foundations (design tokens, brand identity)
• Design an initial library of robust and accessible components (UI Kit)
• Document the usage guidelines for these components
• The reference design tool for this mission is Figma.

3. Description of phases and expected deliverables

The mission is divided into several phases with clear deliverables:

Phase 1: Audit & Inventory (Discovery)

Analysis of the existing system (via 2-3 key BXLGIS applications, mainly internal, which will be provided).

Creation of a UI Inventory of all interface elements (colors, typography, buttons, forms, modals, etc.).

Identification of inconsistencies, "duplicates" and ergonomic friction points.

Deliverable 1: An audit and inventory report (e.g., Figma file) summarizing observations and strategic recommendations.

Phase 2: Visual Foundations (Design Tokens & Brand Identity)

Definition of the color palette (primary, secondary, semantic, neutral).

Definition of the typographic range (fonts, sizes, weight, line heights).

Definition of spacing systems (grids, margin, paddings).

Definition of other "tokens": shadows, border-radius, etc.

Deliverable 2 : A graphic and ergonomic charter delivered in the form of variables (Design Tokens) structured in a Figma file.

Phase 3: Design of the Component Library (UI Kit)

Design of a basic UI component library, using the foundations of Phase 2.

The components must be created using Figma best practices (auto-layout, variants, etc.).

Emphasis should be placed on accessibility (WCAG).

Responsive Design: The primary use case is "desktop-first" (business applications). However, the user experience must be fully functional and readable on mobile devices (responsive). We are not aiming for a complete mobile-first experience that replicates all functionalities, but rather a smooth, intuitive mobile browsing experience that respects the visual identity.

Deliverable 3 : The component library (UI Kit) in the form of a clean and publishable Figma file.

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

For each component, write clear and concise usage rules ("Do's & Don'ts").

These rules can be integrated directly into Figma (via the component description) or into a separate document (zero height, storybook).

Deliverable 4 : Usage documentation (Guidelines) for the library components.

Skills

• UI/UX audit of existing applications
• Understanding of front-end technical constraints
• Design and implementation of complex UI Design Systems
• Creation of reusable UI component libraries
• Design of mapping applications
• Desktop-first business application design
• Design System documentation
• Figma
• WCAG 2.1 accessibility standards