E-Commerce, Webdesign & Entwicklung für tatjanabuehler.com
Unser bisher interaktivster E-Commerce-Shop für eine Schweizer Künstlerin – mit GSAP-Animationen, limitierten Editionen und conditional Soul-Portrait-Buchungsflow.
Für die Schweizer Künstlerin Tatjana Bühler haben wir einen umfassenden E-Commerce-Auftritt für ihre Fine Art- und Visionary-Work-Editionen entwickelt – unser bisher modernster und interaktivster Webauftritt. Die Plattform vereint zwei sehr unterschiedliche Verkaufslogiken: den Verkauf von limitierten digitalen Kunstwerken als Editionen sowie den hochpreisigen Verkauf des persönlichen Soul Portrait, das in einem mehrstufigen Prozess mit der Künstlerin entsteht.
Visuell wurde die Website auf die Wirkung der Werke ausgerichtet: grossflächige, hochauflösende Bilder im AVIF-Format, eine dunkle Ästhetik mit ruhigen Weissräumen, sorgfältig kuratierte Mockups in echten Räumen sowie umfangreiche GSAP-basierte Scroll- und Übergangsanimationen für ein galerieartiges Erlebnis. Jedes Detail – von der Typografie über Microinteractions bis hin zu den Bildladestrategien – ist auf den Premium-Anspruch der Künstlerin abgestimmt.
Der Shop-Bereich umfasst die Kategorie "Kunstwerke" mit limitierten Editionen (12 Exemplare pro Werk + 2 AP, nummeriert und signiert) sowie das Soul Portrait. Jedes Werk ist als eigenes Produkt mit mehreren Varianten und Preisstufen angelegt – etwa zwei Formate (50 × 75 cm und 70 × 105 cm) mit unterschiedlichen Preisen, jeweils mit Edition-Tracking, Verfügbarkeitslogik und Hinweisen bei vergriffenen Werken. Die Produktseiten verbinden grosse Werkdarstellungen, Mockups, Detailbeschreibungen, Materialinformationen (Fine-Art-Pigmentdruck hinter Acrylglas), FAQ und individuelle Reviews.
Die zentrale technische Herausforderung war der conditional Checkout-Flow für das Soul Portrait: Wenn ein Kunde ein Soul Portrait kauft, wird er nach der Bezahlung automatisch auf eine eigene Bestätigungsseite weitergeleitet und aufgefordert, einen 30–60-minütigen Videocall-Termin mit der Künstlerin zu buchen – Grundlage für das individuell entstehende Werk. Bei klassischen Kunstwerk-Käufen führt der Flow zu einer separaten Bestätigungsseite ohne Terminbuchung. Diese bedingte Logik mit unterschiedlichen Confirmation-Seiten, Folge-Mails und Prozessen je nach Produkttyp wurde sauber in den Webflow-Ecommerce-Flow integriert.
Strukturell besteht die Website aus Startseite, Kunstwerke-Übersicht, Soul-Portrait-Produktseite mit detailliertem dreistufigen Ablaufprozess (Gespräch → Kreation → Fertigung), Ausstellungsübersicht mit dynamischen CMS-Detailseiten für jede Ausstellung, Artist Journal (Blog), Künstlerin-Seite mit Kontaktbereich sowie einem Lead-Magnet: Besucher können sich für den Newsletter anmelden und erhalten eines von zwei exklusiven Fine-Art-Werken als Download – inklusive automatisiertem E-Mail-Versand des gewählten Motivs.
Eingesetzte Technologien: Webflow (CMS, Hosting & Ecommerce), Webflow Ecommerce mit Produktvarianten und Edition-Tracking, GSAP (Scroll- und Übergangsanimationen), conditional Checkout-Flow mit mehreren Confirmation-Seiten, integrierte Terminbuchung für Soul-Portrait-Gespräche, Newsletter-Anmeldung mit automatisiertem Download-Versand, Google Tag Manager und optimierte AVIF-Bildauslieferung.