This project is done while I was partner and UX/UI Designer at Frontwise
A digital design system with maximum flexibility
TenCate is a global corporation with multiple entities and hundreds of brands. A major internal transition enabled divisions of TenCate to function more independently. Although this opened doors for each division to communicate more directly to their target groups, the look and feel must still be that of a single brang. While I was working at Frontwise we created a design system of building blocks that enables divisions to have maximum flexibility while still achieving a coherent look and feel in all their communication. The main goal of the design system is to focus on online conversion. The AIDA model was used as guidance and inspiration for how each block should have a clear message and a call to action. Next to the conversion of potential clients, existing clients are also catered to in the shape of a client portal.
Imagine a webpage that is dynamic and tailored to each unique visitor. At Frontwise we and TenCate dreamed up this future outlook and created a system of Pageparts that facilitates this kind of flexibility.
Pages can be generated more dynamically by adding or removing pageparts depending on the visitor. Each pagepart has a specific function, message and call-to-action. A lot of wireframes were created to come up with new kinds of ways to build pages out of these pageparts. Each pagepart is fully responsive so the whole system works on any kind of screensize.
Page templates are created to make it easier for TenCate employees to build a website for their division. Frontwise created several ready to go templates, that still can be customized. The page templates can be seen as a group of pageparts. However, this also includes special pages such as search-results, 404-error pages, etc.
I designed a custom icon set to improve consistency throughout the website and other communication platforms. Icons can be a great tool in communication, as it bridges language barriers. You can clearly see how we at Frontwise designed the whole system at every level. From the big concept, the bigger page templates to the smallest details such as the icons. The custom icons emphasize the threads that TenCate uses to create all their materials, to give a light and technical look and feel.