Designsysteem in de slimste haven
Port of Rotterdam
Over
Resultaat
Met ons werken?
Een design systeem dat de digitale innovatie ondersteunt
Producten
Gebaseerd op de huisstijl van Port of Rotterdam creëerden we een visuele stijl voor de digitale diensten. Zo kregen alle digitale producten een 'app icon'.
Font design
Een belangrijk onderdeel van het systeem is het eigen digitale font, welke is ontwikkeld voor visuele onderscheiding en verhoogde leesbaarheid.
Iconen & pictogrammen
Binnen de digitale producten en services wordt er veelvuldig gebruik gemaakt van iconen en pictogrammen. De bestaande set is gerestyled en uitgebreid om in klein en groot formaat toe te passen.
De haven moet op deze manier steeds meer gaan functioneren als een app waarmee schippers, verladers, loodsen en terminals makkelijker en efficiënter goederen kunnen vervoeren.”
Grid
Het responsive grid biedt consistentie van de UX op alle verschillende devices.
Componenten, modules en templates
Binnen het systeem zijn er diverse 'assets' ontwikkeld om het development teams zo gemakkelijk mogelijk te maken. Dit varieert van eenvoudige componenten en modules tot aan complete templates.
Code
Naast visuele uitwerkingen en voorbeelden hebben we ook code geleverd ten behoeve van motion. Hiermee borgen we de usability en consistentie.
Ecosysteem
Alle onderdelen en assets van het design systeem zijn online toegankelijk. Zo is een ecosysteem ontstaan van digitale services dat de eindgebruiker dezelfde User Experience biedt en dat de identiteit van Port of Rotterdam versterkt.
