Programmierung responsive Typo3 Website für Ketterer Bier
Programmierung responsive Typo3 Website für Ketterer Bier
Programmierung responsive Typo3 Website für Ketterer Bier
Programmierung responsive Typo3 Website für Ketterer Bier
Programmierung responsive Typo3 Website für Ketterer Bier
Programmierung responsive Typo3 Website für Ketterer Bier
Programmierung responsive Typo3 Website für Ketterer Bier
Programmierung responsive Typo3 Website für Ketterer Bier
Programmierung responsive Typo3 Website für Ketterer Bier
Programmierung responsive Typo3 Website für Ketterer Bier
Programmierung responsive Typo3 Website für Ketterer Bier
08.06.2016 / Referenzen, Programmierung, Internetseiten

Ketterer sind "inter"netterer - SinusQuadrat programmiert die neue Ketterer Bier responsive Website

Aufgabe:
Die Schwarzwälder Familienbrauerei "Ketterer" beauftragte SinusQuadrat nach Umsetzung der Hornberger Lebensquell Website, erneut als Programmier-Dienstleister.

Lösung:
Über das Mega Drop-Down Menü werden die Menüpunkte in Form von Bildern übersichtlich dargestellt. Bei Mouseover wird das Menübild vergrößert und teilweise zusätzlich mit einem Schein im Hintergrund versehen. Die Startseite beginnt mit einem responsive Full Screen Slider, darunter befinden sich dynamische Teaser, welche durch Zufallsgenerator angezeigt werden. Im unteren Drittel kann sich der Besucher über Eingabefelder für den Newsletter anmelden, die Bezugsquellensuche starten oder die seiteninterne Suche nutzen.

Die Bezugsquellensuche bietet die Möglichkeit den Standort und den Umkreis bis 50 km einzugeben. Die Suche haben wir wie bei der Seite Hornberger Lebensquell umgesetzt.

Besonderes Inhaltselemente:
Full Screen One Pager
Dieser kommt auf mehreren Unterseiten zum Einsatz.  Beim runterscrollen kommt nach jedem Textblock ein neues Bild zum Vorschein, welches in die nächste Section einleitet. In der mobilen Version wird aus Usability Gründen auf diesen Effekt verzichtet.

Page Browser Element
In der Desktop Version der Seite Biere kann vertikal über das klicken der Pfeile rechts und links durch die Unterseite navigiert werden. Jede Seite erscheint in einem definierten Farbcode entsprechend der Biersorte.

Animierte Frage & Antwortkärtchen
Über CSS wurde auf der Seite "Wussten Sie schon" Kärtchen eingpflegt, bei Klicken wenden sich die Kärtchen und zeigen die Antwort.

Die Unterseite Zwitschestube wird über das greifen von RSS-Feeds gefüllt - welche vom Unternehmen in Form von Kurznachrichten gepflegt werden.

>> Ketterer "Prost" Button <<
Im Footerbereich kann über den "Prost" Button zum Bierchen geladen werden. In der Desktop Version über den Mail Versand, in der mobilen Version zusätzlich über Whats App und SMS mit dem passenden Titel "Lust auf ein Ketterer Bier?".


Work:
Programmierung ; Typo3 CMS Backend ; Individual Programmierung ; Anbindung Typo3 Extensions


www.kettererbier.de