From the atom to the finished website – the VdS Interface Design
Airy header and user-friendly mega menu
The reduced and bright entrance provides a quick overview of information. The user-friendly mega menu displays all level 1 menu items. Only from level 2 onwards is additional navigation provided in a marginal column for all further sub-items.
#003e90
#007ec3
#51aee2
#76beea
Iconography
A comprehensive icon set, consisting of categorisation and function icons, creates additional orientation and enhances the user experience.
![VdS Interface Design – Corporate Website – VdS Schadenvehütung – Megamenü – Ikonografie – Iconset](https://www.creneo.com/wp-content/uploads/2021/01/CRENEO-Webseite-VdS-Schadenverhuetung-Corporate-Webseite-Call-to-Action-2.png)
…
Language of form
The formal language is derived from the logo and runs through the entire digital corporate presence.
![VdS Interface Design – Corporate Website – VdS Schadenvehütung – Lineare Illustrationen – Icons](https://www.creneo.com/wp-content/uploads/2021/01/VdS-Corporate-Webseite-Icons-1024x730.png)
The modular construction system
The mapping and embedding of all information is based on a firmly defined modular system. This enables effective and fast implementation in the realisation phase.
![VdS Interface Design – Corporate Website – VdS Schadenvehütung – Lineare Illustrationen – Icons – Slider](https://www.creneo.com/wp-content/uploads/2021/01/CRENEO-Webseite-VdS-Schadenverhuetung-Corporate-Webseite-Slider-1024x629.jpg)
Form and input fields | Radio and check button
Dropdown List | Submit Button
Atomic Design
After fixing the website requirement profile, all interface design elements were developed according to the Atomic Design principle.
#003e90
#007ec3
#76beea