Using a Design System to accelerate digital innovation
Based on the Port of Rotterdam corporate identity, we created a visual style for the digital services. All the digital products received an 'app icon'.
An important part of the system is its own digital font, which has been developed for visual distinction and enhanced readability.
Icons and pictograms
Icons and pictograms are frequently used within digital products and services. The existing set has been restyled and expanded to be used in small and large sizes.
In this way, the port must increasingly function as an app that makes it easier and more efficient for shippers, loaders, warehouses and terminals to transport goods.”
The responsive grid offers consistency of the UX on all different devices.
Components, modules and templates
Various 'assets' have been developed within the system to make things as easy as possible for the development teams. This varies from simple components and modules to complete templates.
In addition to visual effects and examples, we also supplied code for the purpose of motion. With this we guarantee the usability and consistency.
All components and assets of the design system are accessible online. This has created an ecosystem of digital services that offers the end user the same User Experience and that reinforces the identity of the Port of Rotterdam.