Bekijk de opdracht ook op opdrachtinformatiemanagement.nl voor aanvullende ondersteuning binnen het vakgebied Informatiemanagement.
Logo van Staffing MS (inzake EDSN)
Logo van Staffing MS (inzake EDSN)

Senior Design System UI Specialist

Staffing MS (inzake EDSN)

Van Asch van Wijckstraat 55, 3811 LP Amersfoort, Nederland

Sluit vandaag
om 16:00

Begindatum:

26 feb 2026

Einddatum:

26 mrt 2026

Uren per week:

40

Publicatiedatum:

27 feb 2026
Opdracht tarief 80Opdracht uren 40
Opdracht alleen mogelijk voor professionals in loondienst bij onze organisatie
Kijkende naar de inhoud van deze opdracht en de wet DBA, kan je deze opdracht alleen uitvoeren als je in loondienst bent. Omdat doorleenconstructies binnen deze opdracht niet zijn toegestaan, kunnen wij alleen kandidaten aanbieden die bij onze organisatie in dienst zijn.
Wil je voor de duur van deze opdracht bij ons in dienst komen?
Dat is mogelijk! Wij bieden je een uitzendovereenkomst aan, waardoor je de opdracht in loondienst vanuit ons uitzendbureau Projectversterkers B.V. kunt uitvoeren. Bereken hieronder jouw bruto maandsalaris.
Wat zijn de voordelen?
Rekentool
Voor welk uurtarief mogen wij jou aanbieden?
Hoeveel uur per week wil je werken?
Opdracht alleen mogelijk voor professionals in loondienst bij onze organisatie

Omschrijving

Naam Project: GOPACS UI Systeem

Je voert de opdracht uit om een schaalbaar en toekomstbestendig UI Design System-fundament op te zetten voor de GOPACS webapplicatie en website. Het doel is het realiseren van consistente UI-componenten, eenduidig gedrag en een gedeelde Single Source of Truth die design en front-end structureel verbindt.

Activiteiten
  • 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.

Resultaten (meetbaar en toetsbaar):
NB: De exacte scope en prioritering worden vastgesteld op basis van een initiele audit als onderdeel van de opdracht.
  • 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.
De opdracht is ten einde wanneer:
  • 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.

Eisen

  • 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.

Wensen en competenties

-

Organisatie en team

Opdrachtgever
Staffing MS (inzake EDSN)

Overige informatie

Benodigd aantal professionals: 1

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.

Meer informatie
Hieronder vind je meer informatie over het aanmeldproces en antwoorden op veelgestelde vragen. Niet gevonden wat je zoekt? Neem dan contact op met Sybren Hindriks via sybren.hindriks@kbenp.nl.
Contact
Hoe werkt het?
Veelgestelde vragen
Wil je even sparren met een van onze adviseurs?
Neem contact op met onze opdracht adviseur over de opdracht. Je kunt natuurlijk ook contact opnemen via de contactpagina.
Opdracht Adviseur Sybren Hindriks
Sybren Hindriks
Opdracht Adviseur
Bereikbaar van 9:00 tot 17:00
Werkdagen: di, wo, do, vr