Toll Collect

At the heart of the project was the development of a new, low-barrier design encompassing all of Toll Collect's digital offerings. This included building a comprehensive design system, including a pattern library, which was rolled out progressively to the business/toll website, the customer portal, the service partner portal and the hybrid service partner app. To better showcase the Toll Collect corporate and employer brand, a new corporate website was also created, separating corporate content from the toll website. The toll website remains the central point of contact for users requiring specific services related to the HGV toll. The corporate website, on the other hand, focuses on the employer brand, offers deeper insights into the company and shows the people behind Toll Collect. It also conveys the company's wide-ranging expertise to policymakers, the public and potential new clients and business partners – from building and operating control infrastructure to collecting and analysing traffic and usage data. The strategic role Toll Collect plays in supporting the transport transition also becomes tangible here. With the redesign of its digital platform, Toll Collect aims to progressively make key content accessible in a low-barrier way and to give greater visibility to its role as a reliable technology partner in the mobility and infrastructure sector.

The user interface of Toll Collect's digital products was completely redeveloped based on a new, consistent design language. The toll website, the customer portal, the service partner portal and the hybrid service partner app (iOS/Android) all received a user-friendly UX/UI design that takes key aspects of low-barrier design into account. The new design system serves as the linchpin of the corporate design, defining all basic elements of the visual identity, such as logo, colours, typefaces, icons, buttons, image style, and navigation and interaction principles. The system is atomised, usable across projects, and enables efficient collaboration in developing both digital and traditional products.

To make access easier for all employees, the design system is documented in the new Toll Collect brand portal. This brand portal serves as a "single point of truth", bringing together comprehensive guidelines for corporate design, traditional media, digital applications, and UX/UI and frontend libraries. The portal is complemented by wording guidelines that ensure consistent brand communication. This robust foundation delivers consistency in look and feel and an improved brand experience across all channels.

Collaboration on the project was agile, based on Scrum, and supported by the use of modern tools. Jira and Confluence were used for efficient collaboration and project documentation. The design was created in Figma, a cloud-based tool used for both collaborative design processes and simple prototyping. A pattern library in Storybook was used for frontend development. Frontend patterns were also integrated into the Frontify-based brand portal, which serves as a central resource for consistent implementation.