Steckbrief
Outdoor-Festival · Keyvisual · WordPress-Auftritt
Client: Tourismuszentrale Losheim am SeeJahr: 2023Branche: Tourismus, Outdoor und Eventkommunikation
Rolle: Illustration, Webdesign und Frontend-UmsetzungMit: CONSTRACTIV – Die Digitalisten · Agentur Erlebnisraum
Konzept & Art DirectionIllustrationWebdesignWordPress-UmsetzungParallax-Frontend
Für Draußen am See sollte kein nüchterner Veranstaltungskalender entstehen, sondern ein digitaler Auftakt, der nach Ufer, Bewegung, Musik und Sommer aussieht. Das Festival bündelt Kurse, Markt, Bühne und See-Atmosphäre zu einem dichten Outdoor-Wochenende.
Der wichtigste Baustein war eine eigene Kopfzeilen-Illustration. Bühne, Wasserkante, Brücke, Lagerfeuer und Outdoor-Sport wurden zu einer Szene, die später als Parallax-Header in WordPress weiterlebt. Aus der reinen Informationsseite wurde ein Einstieg mit eigener Bildsprache.
23. bis 25. Juni 2023 in Losheim am See
Festivalmix aus Musik, Kunst, Sport, Kursen, Workshops, Markt und Naturerlebnis
Workshop-Beispiele: Yoga, Trailrunning, Klettern, SUP, Mountainbiking und Wildnis-Survival-Camp
Parallax-Kopfzeile mit mehreren separat scrollenden Illustrationsebenen
Umsetzung in WordPress zusammen mit CONSTRACTIV und Agentur Erlebnisraum
Keyvisual
Die Festivalwelt beginnt vor dem ersten Scrollschritt
Die Kopfzeilen-Illustration musste sofort Stimmung liefern: See, Bühne, Bewegung, Abendlicht. Sie funktioniert wie ein kompaktes Wimmelbild des Festivals und fasst viele Programmpunkte in einem Bild zusammen.
Wichtig war die Balance zwischen Entdeckung und Übersicht. Das Bild darf reich sein, aber nicht zerfasern. Deshalb tragen kräftige Silhouetten und ein robuster Pinselcharakter die Szene auch dann noch, wenn nur Ausschnitte davon sichtbar sind.
- Illustration als wiedererkennbares Startbild
- Griffige Silhouetten für schnelle Wiedererkennung
- Ein Bild, das Web, Social und Kampagne zusammenhalten kann
Frontend
Parallax für mehr Raumgefühl
Die Illustration wurde in mehrere Ebenen zerlegt und beim Scrollen mit unterschiedlichen Geschwindigkeiten bewegt. Dadurch bekommt der Header Tiefe, ohne wie eine große technische Show zu wirken.
Die Interaktion bleibt zurückhaltend: genug Bewegung für Stimmung, aber nicht so viel, dass die Seite zur Technikdemo wird.
- Mehrere Ebenen mit gestaffelter Bewegung
- Leichtgewichtig in HTML, CSS und JavaScript umgesetzt
- Interaktion als atmosphärischer Einstieg statt Selbstzweck
Informationsdesign
WordPress für Programm, Tickets und Orientierung
Neben Atmosphäre musste die Seite praktisch bleiben. Programm, Hinweise und Ticketwege sollten schnell pflegbar sein und auf mobilen Geräten draußen vor Ort funktionieren.
Die Gestaltung hält Programm, Hinweise und Ticketwege vorn. Das Festival bekommt eine eigene Oberfläche, bleibt aber redaktionell handhabbar, wenn sich Programmpunkte oder Hinweise ändern.
- Redaktionell pflegbare WordPress-Struktur
- Ticket- und Programminhalte stehen vorn
- Mobile Nutzung als echter Festivalfall mitgedacht
Ergebnis
✓Eigenständiger Festivalauftritt mit gezeichnetem Einstieg
✓Parallax-Header als wiedererkennbarer Bewegungsmoment
✓WordPress-Struktur für laufende Festivalpflege und mobile Orientierung
Galerie
Projektgalerie
Alle 30 Bilder anzeigen22 weitere Motive
