Watergate-Website in responsivem Design

Die Website in Ihrem Corporate Design

Da das Bootstrap-Grid “nur” das responsive Verhalten der Website vorgibt, sind Anpassungen an jedes Design möglich.

Sie haben schon ein Corporate Design? Oder genaue Vorstellungen von der neuen Website? Wunderbar! Das System ist sehr flexibel und kann entsprechend angepasst werden.

Nachfolgend finden Sie einige Referenz-Websites, die vollständig mit diesem System umgesetzt wurden.

Neben der Überarbeitung des Designs, wurden zum Teil auch spezielle Funktionen programmiert.

Detailseite einer Veranstaltung
Veranstaltungsdetail

Aus einer Wochenübersicht, oder dem Slider der Startseite, kann die jeweilige Detailseite einer Veranstaltung aufgerufen werden.


Übersicht der Veröffentlichungen des Labels
Release-Übersicht

Übersicht der Veröffentlichungen des hauseigenen Labels. Wird ein neues Release eingestellt, aktualisiert sich sie Seite automatisch.



Übersicht aller Veröffentlichungen einer Kategorie
Kategorie-Übersicht

Übersicht aller Veröffentlichungen einer Kategorie. Die Seite wird automatisch aktualisiert, wenn ein neues Release erstellt wird.


Detailseite einer Veröffentlichung
Detail-Ansicht

Detailseite einer Veröffentlichung. Wird eine neue Seite erstellt, aktualisiert sich die Kategorie-Übersicht und die Übersichtsseite automatisch.

Wertprojekt - Startseite mit Slider
Startseite mit Slider

Introseite mit modifiziertem Slider. Der Text bleibt unverändert – die Bilder bewegen sich “unter” der Headline.


Kategorie-Index mit Slider
Kategorie-Index mit Slider

Eine weitere Slider-Variante: die Bilder wechseln, das farbig hinterlegte Textfeld mit der Headline bleibt unverändert.



Kategorie-Index mit Slider
Kategorie-Index mit Slider

Im diesem Slider-Modul können die Bilder hochgeladen – und die jeweilige Farbe des Textfeldes gewählt werden.


Bildergallerie
Bildergallerie

Für diese Website wurden verschiedene Module für die umfangreichen Bildergallerien programmiert.

Infinet Archiv - Startseite nach Login
Startseite

Nach dem Login sichtbare Übersicht der Referenzen. Einführungstext und Bilder für die drei Hauptkategorien: HTML, CMS und Shop.


Übersicht aller Projekte einer Kategorie
Kategorie-Übersicht

Introtext und Auflistung aller hinterlegten Projekte dieser Kategorie. Diese Seite aktualisiert sich automatisch bei neuen Projekt-Einträgen.



Detailseite mit Lightbox-Funktion (Vergrößerung)
Detailansicht

Jedes hinterlegte Projekt kann beliebig viele Bilder darstellen – ein Mausklick auf die Abbildungen öffnet eine vergrößerte Darstellung.


Die Projekte können ausführlich beschrieben werden
Detailansicht

Zu jedem Projekt können die Eckdaten in Form eine Steckbriefs angezeigt werden. Ein ausführlicher Text beschreibt das Projekt im Detail.