Nickelodeon · Viacom
Willkommen bei den Louds
Für die US-amerikanische-Zeichentrickserie "Willkommen bei den Louds" buchte Nickelodeon die Programmierung einer Microsite mit einem Javascript-Step-Sequenzer.
Die Herausforderung
Es wird laut! Unter dem Motto kreierte Nickelodeon die Idee eines Step-Sequenzers zum Start der neuen Folgen der Zeichentrickserie „Willkommen bei den Louds“. Verschiedene lustige Sounds aus der Serie konnten zu einem Beat zusammengestellt werden.
Neben Gamification-Elementen wie dem Step-Sequenzer beinhaltete die Seite Informationen zu den neuen Folgen, eine Video-Galerie und ein Gewinnspiel.
Das Design übernahm Thomas Lehmann von Fingerzeig und wurde in Photoshop angeliefert.
Die Lösung
Die Umsetzung der Responsive-Seite erfolgte in Nickelodeons hausinternen Content-Management-System. Über eine REST-API konnten die Videos aus verschiedenen Stellen des CMS in einer Video-Galerie zusammengeführt werden. Die Programmierung erfolgte mit HTML, SCSS, JQuery und Javascript.
Eine besondere Herausforderung war die Programmierung des Step-Sequenzers. Über die Javascript-Audio-Bibliothek Howler.js wurde die performante Wiedergabe der Audio-Files auf allen Endgeräten ermöglicht.