Konzept, Design und Entwicklung
der neuen UNDPLUS-Website.
UNDPLUS gestaltet Räume, in denen Marken und Menschen zusammenkommen: Markenarchitektur, Spatial Design und Live-Erlebnisse aus Berlin und München. Zum zehnten Geburtstag wollte das Studio eine Website, die sich endlich so anfühlt wie die eigene Arbeit.
Gemeinsam mit henne.studio haben wir das Projekt von der Konzeption über das Design bis zur Entwicklung umgesetzt. Entstanden ist ein mutiges System aus Farbe, übergroßer Typografie und verspielten Formen, das die Haltung des Studios sichtbar und klickbar macht.
Die neue Website stellt aktuelle Arbeiten und Geschichten in den Mittelpunkt – und ist für die Awwwards nominiert.
“Turning what UNDPLUS has always felt like into a digital experience you can finally see and click through.”
Die Website in neun Clips
Fahren Sie mit der Maus über einen Clip, um ihn abzuspielen.Tippen Sie auf einen Clip, um ihn abzuspielen.
Startscreen: eine Zeile, viele Disziplinen
UNDPLUS arbeitet in vielen Disziplinen, und ein fester Claim hätte die meisten davon unterschlagen. Deshalb wechselt die Zeile: Unter dem übergroßen Schriftzug endet „UNDPLUS Studio for …“ immer wieder anders – Pop-ups, Retail, Markenerlebnisse.
Claim: der Beweis steht im Satz
„Ideas become spaces. Spaces become experiences.“ ist schnell geschrieben, aber schwer zu glauben. Wir haben wechselnde Formen und echte Projektfotos mitten in den Satz gesetzt – so belegt sich der Claim beim Lesen selbst.
Ausgewählte Projekte ohne Raster
In einem Raster aus Vorschaubildern sehen räumliche Projekte alle gleich aus. Unter „Work done“ kippen die Bilder, überlagern sich und driften beim Scrollen auseinander – eher ein Vorbeigehen als das Lesen einer Liste.
Projektübersicht: Filter nach Disziplin
Wer einen Messestand plant, will sich nicht durch Restaurants scrollen. Das komplette Archiv ist ein ruhiges Raster, das sich mit einem Klick auf eine Disziplin neu sortiert – jeder Filter hat seine eigene farbige Form.
Leistungen: sieben Zeilen, sieben Stimmungen
Leistungslisten sind der Teil einer Studio-Website, den niemand liest. Hier färbt jede Zeile, die der Mauszeiger berührt, die ganze Seite um und legt eine neue Form hinter die Liste – Grund genug, alle sieben durchzugehen.
360° Full Service – oder nur ein Teil davon
„Full Service“ klingt schnell nach alles oder nichts. Die Zeile „or just the degree you need“ nimmt diesen Druck, und ein rollendes Band aus Formen zeigt die Schritte vom ersten Funken bis zum letzten Schliff.
Über uns: das Studio in kurzen Aussagen
Nach zehn Jahren gibt es viel zu erzählen, und lange Über-uns-Seiten verlieren ihre Leser. Große Aussagen, das Team und Projektbilder wechseln sich ab, sodass die Seite bis zum Schluss in Bewegung bleibt.
Kontakt als Plakat
Ein Kontaktformular am Seitenende übersieht man leicht. Wir haben aus der Einladung ein Plakat gemacht: fette Buchstaben, ein Stern anstelle des O und eine Welle, die am unteren Rand entlangrollt.
Ein Footer, der noch mitspielt
Im Footer endet normalerweise die Aufmerksamkeit. Hier rahmen Laufbänder mit Social-Links eine kurze Vorstellung, und dem „Learn more“-Link wächst jedes Mal eine andere Form, wenn der Mauszeiger vorbeikommt.