Rolle: UI/UX Design · Visual Design · Art Direction · Brand Experience
Überblick
Aether ist ein modernes Architekturstudio mit Sitz in Berlin, das sich auf zeitgenössische, kontextbezogene und nachhaltige Architektur spezialisiert hat. Die Marke steht für klare Formen, tiefes Verständnis von Ort und Mensch sowie für Architektur, die Räume schafft, in denen Menschen sich wirklich zu Hause fühlen.
Aether ist ein modernes Architekturstudio mit Sitz in Berlin, das sich auf zeitgenössische, kontextbezogene und nachhaltige Architektur spezialisiert hat. Die Marke steht für klare Formen, tiefes Verständnis von Ort und Mensch sowie für Architektur, die Räume schafft, in denen Menschen sich wirklich zu Hause fühlen.
Meine Aufgabe war es, ein digitales Markenerlebnis zu schaffen, das die Philosophie des Studios — Minimalismus, Präzision und emotionale Tiefe — perfekt widerspiegelt und potenzielle Auftraggeber (Privatkunden, Entwickler und Institutionen) sofort anspricht.
Design Direction
Minimal. Elegant. Lichtdurchflutet.
Das Design folgt einer hellen, ruhigen und sehr reduzierten Ästhetik. Die Farbpalette basiert auf warmem Off-White, sanftem Grau und dezenten Terracotta-Akzenten. Ich habe viel Weissraum eingesetzt, feine Typografie-Hierarchien und großzügige Bildflächen. Die Kombination aus moderner Sans-Serif und dezenten Serif-Akzenten vermittelt sowohl Professionalität als auch künstlerische Sensibilität.
Minimal. Elegant. Lichtdurchflutet.
Das Design folgt einer hellen, ruhigen und sehr reduzierten Ästhetik. Die Farbpalette basiert auf warmem Off-White, sanftem Grau und dezenten Terracotta-Akzenten. Ich habe viel Weissraum eingesetzt, feine Typografie-Hierarchien und großzügige Bildflächen. Die Kombination aus moderner Sans-Serif und dezenten Serif-Akzenten vermittelt sowohl Professionalität als auch künstlerische Sensibilität.
Hero Experience
Der Einstieg ist bewusst klar und beeindruckend: eine großformatige Architekturaufnahme eines lichtdurchfluteten Innenraums mit der starken Headline „Architecture that connects people and place“. Die ruhige Typografie und die beiden primären CTAs („View Projects“ und „Start a Conversation“) schaffen sofort Vertrauen und laden zum weiteren Erkunden ein.
Der Einstieg ist bewusst klar und beeindruckend: eine großformatige Architekturaufnahme eines lichtdurchfluteten Innenraums mit der starken Headline „Architecture that connects people and place“. Die ruhige Typografie und die beiden primären CTAs („View Projects“ und „Start a Conversation“) schaffen sofort Vertrauen und laden zum weiteren Erkunden ein.
Inhaltsstruktur & Storytelling
Die Seite ist logisch und übersichtlich aufgebaut:
- Our Approach – Philosophie des Studios mit klaren Werten (Minimalist Elegance, Contextual Design, Sustainable Practice).
- Selected Projects – Drei starke Projektkarten aus verschiedenen Bereichen (Residential, Cultural, Commercial) mit ansprechenden Renderings.
- Our Process – Vierstufiger Prozess (Discovery → Concept → Development → Realization).
- About Studio – Vorstellung des Teams und der Arbeitsweise.
- Services – Übersicht der angebotenen Leistungen in klaren Karten.
- Testimonials – Authentische Zitate von Auftraggebern.
- Contact – Einladender Abschluss mit Kontaktformular.
Die Seite ist logisch und übersichtlich aufgebaut:
- Our Approach – Philosophie des Studios mit klaren Werten (Minimalist Elegance, Contextual Design, Sustainable Practice).
- Selected Projects – Drei starke Projektkarten aus verschiedenen Bereichen (Residential, Cultural, Commercial) mit ansprechenden Renderings.
- Our Process – Vierstufiger Prozess (Discovery → Concept → Development → Realization).
- About Studio – Vorstellung des Teams und der Arbeitsweise.
- Services – Übersicht der angebotenen Leistungen in klaren Karten.
- Testimonials – Authentische Zitate von Auftraggebern.
- Contact – Einladender Abschluss mit Kontaktformular.
UI & UX
Die Nutzerführung ist bewusst ruhig und intuitiv. Die Navigation bleibt dezent, während große Bilder und viel Weißraum die Inhalte atmen lassen. Besonderes Augenmerk lag auf der Präsentation der Projekte — jede Karte wirkt wie ein eigenständiges, wertiges Architektur-Objekt. Der gesamte Auftritt strahlt Seriosität, Klarheit und ästhetische Souveränität aus.
Die Nutzerführung ist bewusst ruhig und intuitiv. Die Navigation bleibt dezent, während große Bilder und viel Weißraum die Inhalte atmen lassen. Besonderes Augenmerk lag auf der Präsentation der Projekte — jede Karte wirkt wie ein eigenständiges, wertiges Architektur-Objekt. Der gesamte Auftritt strahlt Seriosität, Klarheit und ästhetische Souveränität aus.
Technische Umsetzung
- Vollständig responsives Design mit optimierter Mobile Experience
- Durchgängiges Design System (Typografie-Skala, Farb-Tokens, Komponenten und Grid)
- Hohe Bildqualität und schnelle Ladezeiten
- Detaillierte Design-Übergabe mit Styleguide und Interaktionsbeschreibungen
- Vollständig responsives Design mit optimierter Mobile Experience
- Durchgängiges Design System (Typografie-Skala, Farb-Tokens, Komponenten und Grid)
- Hohe Bildqualität und schnelle Ladezeiten
- Detaillierte Design-Übergabe mit Styleguide und Interaktionsbeschreibungen
Tools
Figma · Adobe XD · Adobe Illustrator · Adobe Photoshop
Figma · Adobe XD · Adobe Illustrator · Adobe Photoshop
Ergebnis
Es entstand eine klare, elegante und sehr professionelle Website, die die Werte von Aether Studio perfekt transportiert. Die Landing Page wirkt nicht nur repräsentativ, sondern vermittelt vor allem Kompetenz, Sensibilität und die Leidenschaft für durchdachte Architektur.
Es entstand eine klare, elegante und sehr professionelle Website, die die Werte von Aether Studio perfekt transportiert. Die Landing Page wirkt nicht nur repräsentativ, sondern vermittelt vor allem Kompetenz, Sensibilität und die Leidenschaft für durchdachte Architektur.
