Virtuelle Hausbegehung

Das vorliegende Arbeitsbeispiel zeigt eine Website-Startseite mit einer interaktiven Fotogalerie. Die einzelnen Ebenen können per Stockwerk-Button aufgeklappt werden, sodass mit dem Grundriss die Zimmereinteilung sichtbar wird. Auf der Originalwebsite können im geöffneten Zustand Funktionsbezeichnung und Ansichtsfotos der Räume aufgerufen werden.

Dies ist ein gutes Beispiel dafür, wie HTML5-Animation eine Fotogalerie wesentlich anschaulicher machen kann. Es wäre schlechterdings unmöglich, die Raumaufteilung und damit das Verhältnis der Fotos zueinander in Bildlegenden oder Kommentaren zu beschreiben.

Da es sich im vorliegenden Fall um eine Einrichtung für Kinder handelt, lockern weitere kleine HTML5-Animationen rund um das Haus die Website spielerisch auf.

Projektrahmen: In Auftrag gegeben wurde die komplexe Animation von der Partneragentur Strichpunkt, die auch für Konzeption, Gestaltung und CMS-Programmierung verantwortlich zeichnete.

Den Link zur Originalwebsite gibt's hier: kinderhauswinterthur.ch