Inhaltspriorität
Statt jedes Projekt auf der Startseite zu zeigen, setzten wir auf ausgewählte Arbeiten und klare Kategorie-Einstiege.
Zurück zu den Projekten
Webdesign
Solena Studio
Ein vielschichtiges Web-Erlebnis, das Architekturprojekte mit einer ruhigen, redaktionellen und selbstbewussten Bildsprache präsentiert.
Projektübersicht
Mehr als nur eine visuelle Überarbeitung.
Für Solena ging es nicht nur darum, eine neue Website zu veröffentlichen. Wir führten Projektauswahl, Storytelling und den ersten Kundenkontakt des Studios in einem digitalen System zusammen, reduzierten die Inhaltsdichte und bewahrten zugleich die Wirkung der Architekturfotografie sowie die Lesbarkeit jeder Fallstudie.
Das Studio musste eine große Anzahl an Projekten ohne visuelle Unordnung präsentieren und Besucher zugleich auf natürliche Weise zu den einzelnen Fallstudien führen.
Ziele
Wir haben Erfolg von Anfang an definiert.
01
Projekte nach Kategorie, Maßstab und Jahr leicht auffindbar machen.
02
Die Premium-Positionierung des Studios ohne übertriebene visuelle Effekte stärken.
03
Dem Content-Team ermöglichen, neue Projekte und Veröffentlichungen selbstständig zu verwalten.
Wichtige Entscheidungen
Drei Entscheidungen, die die Arbeit geprägt haben.
Redaktioneller Rhythmus
Große Bilder wurden mit kurzen Texten, Projektdaten und Weißraum ausbalanciert, um auf langen Seiten einen klaren Rhythmus zu schaffen.
Performance
Bilder wurden in WebP/AVIF ausgeliefert, Medien unterhalb des sichtbaren Bereichs verzögert geladen und Animationen bewusst reduziert.
01
Die Herausforderung
Das Studio musste eine große Anzahl an Projekten ohne visuelle Unordnung präsentieren und Besucher zugleich auf natürliche Weise zu den einzelnen Fallstudien führen.
02
Der Ansatz
Es entstand ein modulares System auf Basis von Typografie, großzügigen Weißräumen und kontrollierter Bewegung; Inhalte lassen sich nach Projekttyp filtern.
03
Das Ergebnis
Die Navigation im Portfolio wurde schneller, die Interaktion mit den Fallstudien stieg und das Studio gewann eine stärkere Premium-Wahrnehmung.
Ausgewählte Screens
Zwei Anwendungsbeispiele, die die Geschichte unterstützen.
Die Bilder zeigen, wie die oben beschriebenen Entscheidungen in die finale Erfahrung übertragen wurden, ohne die Fallstudie mit Medien zu überladen.
