Zum Hauptinhalt springen
Zurück zu allen Referenzen
KUNST Conservation – Wo Tradition auf High-End-Technologie trifft

KUNST Conservation – Wo Tradition auf High-End-Technologie trifft

Corporate Website & Digital PortfolioUX/UI Design,Webentwicklung, Individualisierung2 Wochen

Die digitale Renaissance einer Restaurierungs-Plattform: Warum wir uns gegen WordPress und für kompromisslose Performance entschieden haben.

Projekt ansehen

Projektdetails

Kunde:

KUNST Konserwacja

Dauer:

2 Wochen

Team:

1 Person

Branche:

Bildungswesen

Wo Tradition auf High-End-Technologie trifft

Die Kunstwelt lebt von Vertrauen, Ästhetik und dem persönlichen Eindruck. Für die international agierende Kunstrestauratorin Daria Kuzak (KUNST Konserwacja) haben wir eine digitale Plattform geschaffen, die handwerkliche Präzision in eine immersive User Experience übersetzt.

Das Ergebnis: Eine hochperformante Next.js Applikation, die in nur 2 Wochen vom ersten Design bis zum Launch realisiert wurde – und das bestehende WordPress-Projekt nicht nur ersetzt, sondern in jeder Hinsicht übertrifft. Keine Ladezeiten, keine Plugin-Abhängigkeiten, keine Kompromisse.

Herausforderung

Die bestehende WordPress-Website konnte die außergewöhnliche Qualität der Restaurierungsarbeiten nicht adäquat vermitteln. In einem Markt, der von Museen, privaten Sammlern und Auktionshäusern dominiert wird, ist Vertrauen das wichtigste Gut.

Die konkreten Probleme:

  • Trotz mehrmonatiger Entwicklungsarbeit wies das WordPress-Projekt nicht die gewünschte individuelle Ästhetik auf
  • Plugin-Abhängigkeiten verursachten Mehrkosten, Sicherheitsrisiken und zusätzlichen Wartungsaufwand
  • Die Individualisierbarkeit war stark eingeschränkt – jede Sonderfunktion erforderte Workarounds
  • Performance-Probleme: WordPress muss bei jedem Seitenaufruf Daten aus der Datenbank laden – spürbar langsam
  • Keine Möglichkeit, den komplexen Restaurierungsprozess visuell wirkungsvoll darzustellen
  • Nicht mobil-optimiert – fatal für eine internationale Klientel, die oft unterwegs recherchiert

Lösung

Wir haben uns bewusst gegen WordPress und für einen kompromisslosen Performance-First-Ansatz mit Next.js entschieden. Das Ergebnis ist eine Website, die sich anfühlt wie eine native App.

1. "Warp-Speed" Performance durch Static Generation

Im Gegensatz zu WordPress, das bei jedem Klick mühsam Daten aus einer Datenbank abfragen muss, nutzt unsere Lösung Static Generation. Die Website ist bereits perfekt "vorgebacken" – wenn ein Nutzer die Seite besucht, ist sie sofort da. Keine Lade-Spinner, kein Ruckeln.

2. Interaktiver Vorher-Nachher-Slider

Das Herzstück des UX-Designs. Anstatt statische Bilder nebeneinander zu legen, haben wir eine interaktive Komponente entwickelt. Nutzer können mit dem Finger oder der Maus physisch die Zeit zurückschieben – es macht die unsichtbare Arbeit der Restauratorin greifbar und schafft Vertrauen, bevor das erste Gespräch stattgefunden hat.

3. Intelligentes Bild-Management

Modernste Algorithmen zur Bildkompression (Next/Image Optimization). Das System erkennt automatisch, ob der Nutzer mit einem alten Android-Handy im Zug oder mit einem 5K-Monitor im Design-Büro sitzt, und liefert exakt die passende Dateigröße aus – ohne Qualitätsverlust.

4. Globale Reichweite ohne Reibung

Die Kunstwelt ist international. Unser System erkennt den Standort des Besuchers per IP-Geolocation und liefert die Seite automatisch in der Landessprache aus (Polnisch, Englisch). Anders als bei WordPress-Plugins gibt es keine übersetzungsbedingten Layout-Fehler oder Performance-Einbußen.

5. Automatisierte Lead-Pipeline

Integration der Brevo API zur sicheren Übermittlung von Anfragen inklusive hochauflösender Schadensbilder – automatische Lead-Qualifizierung ohne manuellen Aufwand.

Ergebnisse in Zahlen

98/100
Lighthouse Score
< 0.4s
Ladezeit
2 Wochen
Entwicklungszeit
PL + EN
Sprachen
Komplett
WordPress ersetzt
99.9%
Cloud Uptime

Key Results

Launch in nur 2 Wochen (statt Monate mit WordPress)
98/100 Lighthouse Performance Score
IP-basierte automatische Spracherkennung (PL/EN)
Interaktiver Vorher-Nachher-Slider
Automatisierte Lead-Qualifizierung via Brevo

Projekt Insights

Das Design: "Digitaler White-Cube"

Das UI-Design folgt der Ästhetik moderner Kunstgalerien und schafft einen Raum, in dem die Kunstwerke im Zentrum stehen:

  • Minimalismus: Ein tiefschwarzes Farbschema sorgt dafür, dass die Kunstwerke die volle Aufmerksamkeit bekommen – wie in einer echten Galerie
  • Typografie: Eine sorgfältige Mischung aus zeitloser Serif-Schrift (für die Historie) und cleanem Sans-Serif (für die wissenschaftliche Korrektheit)
  • Micro-Interactions: Dezente Animationen beim Scrollen führen den Blick des Nutzers und machen das Erkunden der Projekte zu einer flüssigen Reise
  • Dark & Light Mode: Automatische Anpassung an die Systemeinstellungen des Nutzers
  • AVIF-Bildformate: Trotz hochauflösender Galerie-Elemente erreichen wir Bestnoten bei Web Vitals durch modernste Kompression

Das Ergebnis ist mehr als eine Visitenkarte – es ist eine digitale Galerie, die Museen, Sammler und Auktionshäuser überzeugt, bevor der erste persönliche Kontakt stattfindet.

Technologie & Architektur

Modernster Tech-Stack für maximale Performance

Die technische Basis bildet das leistungsfähigste Framework-Ökosystem am Markt:

  • Next.js mit React – Server Components für maximale Performance und minimale Bundle-Größe
  • Tailwind CSS – Utility-First CSS für ein extrem schlankes, konsistentes Design-System
  • Framer Motion – Für die flüssigen Micro-Interactions und Scroll-Animationen
  • Vercel Edge Network – Globale Auslieferung mit < 50ms Latenz weltweit
  • Brevo API – Automatisierte Lead-Qualifizierung und E-Mail-Workflows
  • Next/Image Optimization – Automatische Bildkompression und responsive Auslieferung

Cloud-Native Architektur

Die Website ist zu 100% serverless deployed auf Vercel. Statische Inhalte werden am Edge gecached, während die Geolocation-Middleware und die Kontaktformular-API serverless ausgeführt werden. Das garantiert 99.9% Uptime bei null Wartungsaufwand und unbegrenzter Skalierbarkeit.

Tech Stack

Next.JS Logo

Next.JS

React Logo

React

CTA Background

Bereit für Ihre digitale Transformation?

Vereinbaren Sie jetzt ein unverbindliches Strategiegespräch mit einem unserer Experten.

Kontakt aufnehmen

Starten wir Ihr Projekt

Beantworten Sie uns ein paar kurze Fragen zu Ihrem Vorhaben für eine präzise Erstberatung.

Wie können wir Ihnen helfen?

Wählen Sie das primäre Ziel Ihres Projekts aus.

1/4