03 / 03 · ARCHITECTURE / REAL ESTATE

AERA LIVING

Eigeninitiierte Konzeptstudie

Eine räumliche digitale Experience für eine Marke, die Architektur nicht nur zeigt, sondern erlebbar macht.

BRANCHEArchitecture / Real Estate
STATUSEigeninitiierte Konzeptstudie
LEISTUNGENBrand Experience / UX/UI / Motion Direction / Creative Development
STUDIOGraphandPro
Architektonische Materialstudie für Aera Living mit Naturstein, Glas, Holz und gefalteter LichtmembranStrukturebene mit Raster, Komponenten und responsiven Konstruktionslinien
LIGHT LENS / VISUAL + STRUCTURE

01 / AUSGANGSPROBLEM

Komplexität braucht keine Vereinfachung. Sie braucht Ordnung.

Architektur wird digital häufig auf Bildgalerien reduziert. Die Studie untersucht, wie Material, Licht, räumliche Haltung und sachliche Projektinformation ein gemeinsames Erlebnis bilden.

02 / STRATEGISCHE IDEE

Eine klare Idee führt das gesamte System.

Raum entsteht durch Beziehungen: Fläche zu Licht, Material zu Bewegung, Bild zu Information. Die Website übernimmt dieses Prinzip und inszeniert Inhalte als präzise räumliche Sequenz.

  • Architektur erlebbar machen
  • mobile Nutzung verbessern
  • organische Auffindbarkeit unterstützen

03 / INFORMATION ARCHITECTURE

Struktur macht Relevanz auffindbar.

Marke, Räume, Materialien und Projektlogik werden getrennt geführt und über wiederkehrende räumliche Motive verbunden. So bleibt die Navigation auch bei wachsendem Portfolio klar.

04 / VISUAL SYSTEM

Material, Farbe und Typografie als ein System.

Naturstein, klares Glas, helles Holz und gerichtetes Tageslicht bestimmen die Bildwelt. Die LUMINA-Membran verbindet diese Materialität mit dem GraphandPro-System.

Reduzierte Grotesk, großzügige Maßstäbe und kleine präzise Metadaten lassen die Bilder wirken, ohne Informationen zu verstecken.

05 / UX + MOTION

Orientierung zuerst. Bewegung mit Absicht.

Medien und Fakten wechseln rhythmisch. Nutzer können räumlich entdecken oder gezielt über Projektmerkmale und Inhalte einsteigen.

Übergänge orientieren sich an Perspektivwechseln und Lichtverläufen. Auf Touch-Geräten werden sie vereinfacht und ohne Scroll-Pinning umgesetzt.

06 / DEVELOPMENT + SEO

Die Idee bleibt auch im Code sichtbar.

Responsive Bildquellen, feste Seitenverhältnisse und ein schlankes statisches Frontend sichern eine hochwertige Darstellung ohne Layout Shifts.

Architekturthemen, Materialwelten und Projekttypen werden semantisch getrennt, ohne visuelle und indexierbare Inhalte voneinander zu entkoppeln.

07 / RESPONSIVE

Kein kleiner Desktop. Eine eigene Komposition.

Auf kleinen Bildschirmen werden die räumlichen Motive vertikal choreografiert. Die Light Lens wechselt zu einem expliziten Visual-/Structure-Zustand.

08 / CREDITS

Projektcredits

  • Konzept: GraphandPro
  • Spatial Art Direction: GraphandPro
  • Design & Prototype: GraphandPro

Eigeninitiierte Konzeptstudie. Kein reales Kundenprojekt.

NÄCHSTES PROJEKT / Clean Energy / TechnologyNOVA GRID

NEUE PROJEKTE / AUSGEWÄHLTE KOOPERATIONEN

Lassen Sie uns etwas gestalten, das nicht austauschbar ist.

Neue Projekte / Ausgewählte KooperationenDACH + INTERNATIONAL
Transparente Lichtskulptur in Form des GraphandPro G/P-Monogramms