Die Gestaltung der Website basiert auf einem modularen Layoutprinzip. Jede Seite beginnt mit der Stage, diese kann ein Video, Bild oder lediglich Text beinhalten.
Das Keyvisual ist dabei stets im Hintergrund und prägt den Look der Website. Einzige Ausnahme stellt die Homepage dar, hier erscheinen die Bilder bzw. Videos der Bühne im Fullscreen. Erst beim Scrollen erscheint das Keyvisual.
Unter der Stage reihen sich die einzelnen Module aneinander. Neben den Standard-Modulen wie dem Text- und Bildmodul können auch Cards, Slider, Accordions und viele weitere Komponenten ausgewählt und mit Inhalten befüllt werden. Abschließend wird immer der Footer gezeigt.
UI-KOMPONENTEN
Folgende UI-Komponenten stehen zur Verfügung, um die gewünschte Website zu generieren.
Accordion
Buttons
Cards
Inputs
Navigation
Overlays
Player
Selection Controls
Slideshow
Stage
Tables
Raster
Die Progroup-Website basiert auf einem Elf-Spalten-Raster. Dadurch wird eine Asymmetrie erzielt, die stark an ein Printprodukt erinnert. Gerade auf der Homepage – dem Magazin – war uns diese Assoziation wichtig. Wie auch Printprodukte, die meist linksbündig gestaltet sind, ist die Progroup-Website linksbündig ausgerichtet. Ganz im Gegenteil zu herkömmlichen Websites, die meist auf einem Zwölf-Spalten-Raster basieren und so in der Regel eine sehr zentrierte Ausrichtung haben.
Raster eingeblendet:
