- Brand Design
- User Experience
- Website
- Creative Coding
- Lead Gen
STURM und DRANG Zukünfte gestalten
Leistungen
SuD berät seit 20 Jahren Marken und Organisationen bei Markenpositionierung, Innovation und Corporate Evolution. Grundlage dabei ist die kulturstrategische Forschung zu Konsumverhalten, Lebensstilen und Trends. Kund*innen sind u.a. Blume 2000, Villeroy & Boch, Google und Audi. Wir gestalten den digitalen Refresh der Hamburger Agentur.
Herausforderung
»Kultur« ist die zentrale Dimension in der SuD-Forschung und -Beratung. Die neue Website soll »Culture« spürbar werden lassen und gleichzeitig hochfunktional sein.
Ziel
Geschärfte Positionierung sind in Design und Erlebnis übersetzt. Die Website wirkt als zentrales Tool bei der Neukund*innengewinnung.
Website
Eine UX, die sich »culturally enriched« anfühlt. Techy, spielerisch und menschlich zugleich. Die Übersetzung der SuD-Leistungen in ein klar strukturiertes Angebotsportfolio verbunden mit einer eindeutige Lead-Journey – das war unser Fokus bei unserer Neugestaltung der Website.
SuD begreift Kultur als dynamisches Wechselspiel. Dem folgend gestalten wir die neue SuD-Website als fluides, interaktives Erlebnis. Besucher*innen können Video-Sequenzen auf Mausbewegung spielerisch »verflüssigen« lassen. So wird die Site zum Sinnbild für Kultur – als wandelbares, überraschendes, sensibles System.
CMS
SuD pflegt Inhalte, Struktur und Themen selbst – direkt im Browser, ohne technisches Vorwissen. Möglich macht das Kirby CMS: ein flexibles, dateibasiertes System, das sich exakt an die Anforderungen der Website anpasst. Kein Overhead, keine unnötige Komplexität. SuD bleibt damit unabhängig im Tagesgeschäft – und kann sich auf das konzentrieren, was sie am besten können.
Referenz
Creative Coding
Wie verändern sich kulturelle Trends? Wo entsteht Zukunft? Als Reflex auf die SuD-Grundfragen haben wir ein eigens programmiertes generatives Designtool entwickelt, mit dem User das Erlebnis der Website selbst gestalten können. Per Maus lassen sich gezeigte Videos visuell verzerren. Das Design entsteht dabei algorithmisch – also durch Code, Regeln oder Daten. So wird die Site zum Playground.
TECHY Deep Dive
Über WebGL wird das Video in Echtzeit verzerrt: Ein Fragment-Shader nutzt Simplex Noise und FBM (Fractional Brownian Motion), um organische Bewegung ins Video zu bringen, die gleichzeitig von der Mausbewegung beeinflusst werden kann. Über eine Gradient Map wird das Video in die Farben des Corporate Design eingefärbt. Ladezeit und Performance werden über separate Video-Assets für Mobile und Desktop, sowie optimierte Render-Auflösung sichergestellt.
JUNO-TALK
Im JUNO-Talk beschreiben Europa und Stefan, Owner und Managing Partner bei STURM und DRANG ihren Beratungsansatz, der Marken als kulturelle Systeme begreift.
Hier geht's zum Podcast.
