Ready to unfold? Interaktives Webdesign für unser Event

Eine Reise ins Weltall? Für die meisten von uns wohl kaum realisierbar. Wir wollten dies dem Zuschauer zumindest auf visueller Ebene ermöglichen – mit einer interaktiven Webseite. Das Motto: Unfold. Die Erde entfaltet ihre Schichten. Das sollte allerdings keine Geografie-Lektion sein, sondern ein von Cleverclip organisiertes Event.

Was ist Cleverclip Unfold?

Wir haben für Cleverclip etwas Grosses geplant. Denn nach einem Jahr “stay at home” und Lockdowns, hoffen wir wieder auf gemeinsame Veranstaltungen.

Mit Cleverclip Unfold möchten wir ein Business Event der Extraklasse organisieren.
Die Idee: Wir klären Themen auf, die Erklärung brauchen und machen die Welt des Erklärens für alle zugänglich. Stichtag: der 30. September. 2021. Wir erwarten hochrangige Sprecher, Videos, interaktive Inhalte, spannendes Networking und eine Menge Spass. Das alles soll natürlich auch dementsprechend an die Öffentlichkeit kommuniziert werden. Und genau hierfür haben wir diese interaktive Webpage kreiert.

Die Herausforderung

Wie gelingt es uns das Motto “Unfold” visuell umzusetzen? Inwiefern können wir eine spannende Nutzererfahrung bieten und alle Event Details übersichtlich vermitteln?
Welche Geschichte möchten wir erzählen? Das waren nur einige Fragen, die wir uns am Anfang gestellt haben.

Unser Ziel war es, ein visuelles Erlebnis zu kreieren und uns vor allem Design-technisch unter Beweis zu stellen. In unserem gemeinsamen Meeting haben wir uns schnell auf ein Konzept in Richtung Universum geeinigt. Damit war allerdings nur ein Punkt geklärt.

Wir mussten uns genau überlegen, wie wir bei diesem Projekt die Interaktivität durch neue Ideen pushen können. Die Seite sollte aber auch nicht zu überladen wirken und alle Informationen übersichtlich vermitteln.
Die visuelle Ausarbeitung gestaltete sich letztendlich doch etwas komplexer. Insbesondere animierte Charaktere können nämlich schnell als zu niedlich erscheinen. Unser Ziel war es allerdings, der gesamten Webpage einen eher mysteriösen Fantasy-Charakter zu verleihen. Also mussten wir hier Anpassungen vornehmen, weg vom kindlichen mehr in Richtung atemberaubende Weltall-Erfahrung.

Auch die technische Seite hat einige Hürden mit sich gebracht. So hat sich beispielsweise die Synchronisierung der bewegenden Elemente mit dem Sounddesign als nicht ganz so einfach erwiesen.
Ausserdem können viele Medien und Effekte die Nutzung negativ beeinflussen und beispielsweise Ladezeiten erhöhen. Wir mussten also sicherstellen, dass die Performance der Seite nicht beeinträchtigt wird.

Die Lösung

Die gesamte Seite haben wir wie auch ursprünglich geplant als eine Art Reise ins Universum gestaltet. Für einen beeindruckenden und realen Effekt haben wir alles im 2.5D Stil gehalten.
Mit Hilfe von einem Scroll-Effekt öffnen sich die einzelnen Erdschichten – die Erde “unfolded” sich (für die Denglisch Liebhaber ;)). Währenddessen gibt es übrigens doch noch eine kleine integrierte Geologie-Stunde.

Anschliessend erfährt der Nutzer mehr über das Event, kann direkt Tickets kaufen oder einfach durch die verschiedene Planeten in der Menüleiste klicken. Die Informationen auf der Seite werden nach und nach veröffentlicht – so bleibt die Spannung erhalten und die Webpage-Besucher können sich immer wieder auf was Neues freuen.
Also, eine effektive Kommunikation, regelmässige Meetings und ein voll motiviertes Team zahlen sich aus – finden wir. Was halten Sie von unserer Webpage? Wir freuen uns auf Ihr Feedback.

Verwandte Fallbeispiele

Umwelt schützen, Erde retten – ein interaktives Cleverclip Projekt

Mehr erfahren

Eine interaktive Landingpage für unser neues Podcast-Format

Mehr erfahren

Bad Zurzach – Vision 2030: Eine Zukunft, in der alle Menschen gesund leben

Mehr erfahren