Structuring element
Portfolio-Website für einen Künstler

Die Analyse von Künstler-Websites zeigte ein deutliches Muster an wiederkehrenden Problemen: veraltete Designs ohne Mobilversion, schlechter Kontrast zwischen Hintergrund und Schrift, inkonsistentes Design mit visuell unverbundenen Elementen, überladene Filter mit winzigen Checkboxen, in die man selbst mit der Maus kaum trifft - auf dem Smartphone erst recht nicht. Bei einer Website verschwand die Navigation auf mobilen Geräten sogar vollständig. Der gemeinsame Nenner all dieser Probleme: Die Seiten stehen sich selbst im Weg. Die Besucher kämpfen mit der Oberfläche, statt die Kunst zu erleben. Jede dieser Schwächen wurde zur direkten Anforderung an das eigene Konzept.

Galeristen und Redakteure haben wenig Zeit. Jede Seite hat genau eine Aufgabe. Keine Sackgassen und keine überflüssigen Klicks. Der Nutzerpfad wurde vor dem Design festgelegt, nicht danach.

Als Akzentfarbe wurde ein tiefes Indigo gewählt, eine Farbe, die Tiefe, Seriosität und Vertrauen vermittelt. Sie hebt sich von den erdigen oder neutralen Tönen vieler Künstlerseiten ab und passt thematisch zur Stille und Präzision sakraler Geometrie. Der helle Lavendelweiß-Hintergrund gibt den Bildern Raum, ohne mit ihnen zu konkurrieren, und erzeugt so eine ruhige, kohärente Gesamtwirkung. Für Hover-Zustände von Links und Buttons kommt ein warmes Bernsteingelb zum Einsatz – ein lebendiger Kontrast zum kühlen Indigo, der Interaktionspunkte klar markiert, ohne aufdringlich zu wirken.

Farben, Typografie und visuelle Details wurden in Figma ausgearbeitet und abgestimmt. Da Konzept und Struktur bereits feststanden, wurde anschließend direkt in Next.js entwickelt, ohne dass vollständige Seitenmockups als Zwischenschritt erstellt wurden. Das erlaubt sofortiges Testen im echten Browser unter realen Bedingungen

Next.js liefert fertig gerenderte HTML-Seiten aus, sodass Suchmaschinen den Inhalt zuverlässig lesen können, ohne auf JavaScript warten zu müssen. Von Anfang an wurden Meta-Tags, semantische Struktur und saubere URLs mitgedacht. Das Ergebnis: Lighthouse SEO 100/100 auf Desktop und Mobil.

Für das Öffnen von Bildern in voller Größe wurde eine eigene Animation entwickelt – kein Standard-Plugin. Der Grund: Fertige Lösungen hätten den ruhigen, hochwertigen Charakter der Website gestört. Die individuelle Animation fügt sich nahtlos ein und gibt der Galerie das Erlebnis, das die Kunstwerke verdienen.

Die Website ist für Desktop, Tablet und Smartphone optimiert. Kein Element verlässt seinen Container und keine Schaltfläche wird unerreichbar klein. Genau die Fehler, die bei der Wettbewerbsanalyse aufgefallen sind, wurden hier systematisch vermieden.

SSL-Verschlüsselung, optimierte Bilder mit Lazy Loading, sauberer Code, korrekte Schrifteinbindung – alles, was eine professionelle Website braucht, auch wenn es dem Besucher unsichtbar bleibt. Unsichtbar für den Nutzer, sichtbar in den Messwerten.