Art is King: Ein galerie-würdiges Portfolio für eine Malerin gestalten

Eine meiner Klientinnen, benötigte eine Webseite für ihre Arbeiten. Der naheliegende Ansatz wäre gewesen: ein Hero-Image, ein Bildraster, ein Kontaktformular. Ich hätte eine Vorlage verwenden und die Seite an einem Nachmittag fertigstellen können.

Doch schon nach fünf Minuten unseres ersten Gesprächs kristallisierte sich das eigentliche Briefing heraus: Sie wollte keine typische Webseite. Sie wünschte sich das Gefühl, eine kuratierte private Galerie zu betreten – nur eben auf einem Bildschirm. Keine Verkaufsplattform. Kein Tech-Produkt mit angehängtem Portfolio. Jede nachfolgende visuelle Entscheidung musste diese Unterscheidung widerspiegeln.

Gestaltung für den Besucher, nicht für Metriken

Die tatsächlichen Besucher dieser Webseite sind Kunstinteressierte, Sammler und gelegentlich Galeristen – meist zwischen 35 und 65, kulturell engagiert und eher aus Neugier als aus Dringlichkeit stöbernd. Dies erfordert eine grundsätzlich langsamere Art der Aufmerksamkeit, als es eine typische Landingpage bedient, und schloss die meisten Standard-Webdesign-Ansätze aus, bevor ich überhaupt eine Komponente anfasste.

Ein generischer Hero-Metrik-Block hätte das Ziel völlig verfehlt. Niemand besucht eine Galerie, um ein KPI-Dashboard zu sehen. Der 'Über mich'-Bereich illustriert dies mit einem Porträt anstelle von Statistiken: ein echtes Foto, eine kurze Biografie, ein Zitat in ihren eigenen Worten.

Farbe, die anders ausfiel als geplant

Ehrlich gesagt hatte ich ursprünglich geplant, eine feste Farbpalette direkt aus den Gemälden zu extrahieren und diese durchgängig auf der Webseite beizubehalten. Was tatsächlich umgesetzt wurde, wich von diesem Plan ab, und diese Abweichung erwies sich als die bessere Entscheidung.

Die dominante Identitätsfarbe der Webseite ist ein Kobaltviolett, abgeleitet von ihren grafischeren, tintenfarbenen Werken und nicht von ihren wärmeren, figurativen. Ein warmes Buttergelb dient stattdessen als Hintergrundelement für Abschnitte, um lange weiße Seitenbereiche aufzubrechen, ähnlich wie eine Galerie eine einzelne Akzentwand unter weißen Wänden nutzt.

Gebaut, um genau betrachtet zu werden

Das deutlichste Zeichen, dass sich dies wie eine Galerie anfühlen soll und nicht wie eine Produktseite, zeigt sich auf den einzelnen Kunstwerkseiten, wo kleine Features ausschließlich darauf ausgelegt sind, Fragen zu beantworten, die ein echter Galeriebesucher stellen würde.

Kann ich die Farbe wirklich sehen? Beim Hovern über die Leinwand erscheint eine kreisförmige Lupe, die den exakten Bildbereich unter dem Cursor vergrößert und Kanten wie Glas verzerrt, anstatt eines flachen digitalen Zooms.

Gibt es mehr als diesen einen Ausschnitt? Unterhalb des Hauptbildes ermöglicht eine Galerie von eng beschnittenen Detailaufnahmen dem Besucher, zusätzliche Ansichten desselben Werkes zu durchstöbern.

Wie sieht es an einer echten Wand aus? Eine fotorealistische Raumdarstellung zeigt das exakte Gemälde, korrekt gerahmt und maßstabsgetreu, in einem stilvollen Wohnzimmer hängend.

Dieses Feature hätte leicht überverkauft werden können. Stattdessen öffnet ein Info-Icon einen Tooltip, der klar besagt, dass die Darstellung eine gute Annäherung ist, aber keine exakte 1:1-Messung.

Whitespace ist das Design, nicht seine Abwesenheit

Großzügiger Whitespace ist kein unfertiges Design – auf dieser Webseite *ist* er das Design. Jeder Abschnitt erhielt mehr Freiraum, als der Instinkt vielleicht vorschlagen würde, denn ein Gemälde braucht Raum um sich herum, um betrachtet und nicht nur überflogen zu werden.

• Preise sind standardmäßig ausgeblendet, wobei die Anfrage den Preisschock als Standardinteraktion ersetzt.
• Werke sind wie in einem Werkverzeichnis nummeriert, anstatt einen blogähnlichen Zeitstempel anzuzeigen.
• Besucher-Reaktionen sind in einer unaufdringlichen Kontextmenü-Aktion untergebracht, anstatt in einem sichtbaren Zähler.

Was ich mir vor dem Start gesagt hätte

Die eigentliche Designarbeit hier bestand nicht darin, etwas hinzuzufügen. Es ging darum, jede Standardeinstellung einer Webvorlage zu identifizieren und jede durch eine bewusste Antwort zu ersetzen, und dann bereit zu sein, diese Antwort anzupassen, falls der tatsächliche Inhalt den ursprünglichen Plan in Frage stellte.

Eine Portfolio-Webseite für eine Malerin ist keine Vorlage mit anderen Fotos. Es ist eine Galeriewand, übersetzt in HTML – und der Großteil der Arbeit besteht darin zu entscheiden, was nicht darauf gehört.Überzeugen Sie sich selbst!