VIER launches new design system

The new design of the VIER products and, above all, the redesign of the web interfaces was the result of many personal interviews with customers, partners and VIER employees to determine their wishes and requirements. For example, the central display of frequently used areas has been implemented.
The result of the redesign is a contemporary, clearly structured design based on the latest web technologies: barrier-free, user-friendly, responsive and intuitive to use. An eye-friendly, energy-saving dark theme for configuration interfaces was also developed for the new design.  

The new design is now officially available in an independent design system and is documented in detail. The VIER design system presents the content in a user-friendly, intuitive way and with examples. It offers the great advantage that all the information required to create product websites is integrated. After an overview, it is divided into the areas Foundations, Components, Patterns and Resources. 

• The Foundations describe the basic visual elements that are essential for a user experience. The colors, icons, layout, motion, shadows, theme and typography are described and documented there.

• The Components section describes all the necessary elements that form the foundation of the design system. This area is divided into “Basic Components” and “VIER Components”. The basic components include e.g. buttons, checkboxes, popups etc. The VIER Components consist of the components customized for the individual design of VIER, such as Top Bar and Side Navigation.

• Patterns describe the alignment/positioning of the website and the elements it contains. The documentation contains, for example, the sizes and descriptions of the individual components.

• The password-protected Resources area contains elements specially developed for VIER, such as logos and the favicon.