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.
A comprehensive icon set, consisting of categorisation and function icons, creates additional orientation and enhances the user experience.
Language of form
The formal language is derived from the logo and runs through the entire digital corporate presence.
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.
Form and input fields | Radio and check button
Dropdown List | Submit Button
After fixing the website requirement profile, all interface design elements were developed according to the Atomic Design principle.