• Analyse van de huidige UI, component libraries en monorepo-structuur (app + web).
• Ontwerpen en structureren van het UI Design System op basis van Atomic Design.
• Definieren en implementeren van design tokens (o.a. kleur, typografie, spacing, states, theming) met voldoende interface-diepte.
• Ontwerpen en specificeren van herbruikbare UI-componenten en bijbehorend gedrag (formulieren, tabellen, states, validaties).
• Inrichten van samenhangende component libraries voor applicatie en website.
• Opzetten van een tool-onafhankelijke referentieplek als Single Source of Truth.
• Afstemming en samenwerking met UX/UI designers, front-end developers en Product Owner.
• Adviseren over beheer- en governance-principes voor toekomstige doorontwikkeling.
• Demonstreren en toelichten van het Design System aan betrokken teams.

• Audit & uitgangssituatie
  • Een vastgelegde audit van de bestaande UI, componenten en libraries (app + web), inclusief knelpunten en verbetervoorstellen.
  • Audit is afgestemd en gevalideerd met DesignOps, front-end en Product Owner.
• UI Design System-fundament
  • Een gedefinieerde Design System-architectuur (Atomic Design-structuur).
  • Vastgestelde en gedocumenteerde design tokens met afgesproken interface-diepte.
  • Minimaal een samenhangende set component libraries voor applicatie en website, inclusief overlap en scheiding.
• Componenten & gedrag
  • Een set kerncomponenten voor de webapplicatie (o.a. formulieren, tabellen, states, validatie) met vastgelegd gedrag, varianten en usage-regels.
  • Consistente toepassing van component-states (loading, empty, error, success).
• Single Source of Truth
  • Een ingerichte, toegankelijke referentieplek waarin:
    • design tokens,
    • componentdefinities,
    • usage-richtlijnen
    centraal en eenduidig zijn vastgelegd.
• Overdracht & borging
  • Documentatie en demonstratie waarmee het interne team het Design System zelfstandig kan beheren en doorontwikkelen.
  • Een eerste set beheer- en governance-principes is opgesteld en afgestemd.

• het UI Design System-fundament is opgeleverd,
• de audit is afgerond en verwerkt,
• en het interne team aantoonbaar in staat is het systeem zelfstandig te gebruiken en door te ontwikkelen.

• Diepgaande ervaring (minimaal 5 jaar) met het opzetten van UI Design Systems voor functionele, data-intensieve webapplicaties.
• Specialistische kennis van design tokens als verbindend contract tussen design en front-end development.
• Ervaring met het structureren van meerdere samenhangende component libraries (app en web) binnen een monorepo-context.
• Vermogen om componentgedrag, states en edge cases systematisch te ontwerpen en vast te leggen.
• Sterke kennis van designdevelopment alignment, specifiek in omgevingen met React/MUI-achtige stacks.
• Ervaring met het neerzetten van een overdraagbaar fundament inclusief eerste richtlijnen voor beheer en governance.
• Beslisvaardigheid op systeemniveau: het maken en onderbouwen van ontwerpkeuzes die schaalbaar en onderhoudbaar zijn.
• Ervaring met Agile/Scrum SAFe.
• Ervaring met de energiemarkt, bij voorkeur bij minimaal 1 van de netbeheerders.

-

Optie tot verlenging: Niets over bekend.

Hybride: Geen verdere informatie.

Fee: De administratieve partner rekent een aanvullende fee van € 2,50 boven op het uurtarief.