Webdesign & Entwicklung

Sílvia Jesus Art Gallery

Die Website von Sílvia Jesus ist eine vollständige E-Commerce-Plattform, die drei sehr unterschiedliche Produktlinien vereint — individuell anpassbare handgefertigte Notizbücher, dekorative Gipsobjekte sowie Zeichnungen/Drucke mit Preisen je nach Papierformat — in einem einzigen, stimmigen Shop. Kundinnen und Kunden durchsuchen und filtern einen live mit Firestore verbundenen Katalog (Kategorie, Papierformat, Preisspanne, Verfügbarkeit, Sortierung), gestalten Notizbücher über einen 4-stufigen Assistenten mit Live-Preisberechnung, lesen Kundenbewertungen mit Sterne-Verteilung und schließen den Kauf mit MB Way, Multibanco oder Karte ab.

Abschlussdatum: September 2026
Live-Website besuchen
Projektdetails

Überblick

Branche

Kunst & Handwerk / E-Commerce — Handgefertigte Unikate

Leistungsumfang

Vollständige E-Commerce-Plattform: mit Firestore verbundener Produktkatalog in 3 Kategorien, 4-stufiger Notizbuch-Personalisierungsassistent, erweiterte Filterung und Suche mit in der URL synchronisierten Filtern, ein Kundenbewertungs- und Rating-System, authentifizierte Benutzerkonten mit Bestellhistorie, ein Warenkorb sowie eine Kasse mit portugiesischen Zahlungsmethoden (MB Way, Multibanco, Karte)

Zeitrahmen

Phasenweise Entwicklung von Mai bis September 2026 (ca. 4,5 Monate), vom ersten Aufbau bis zur Integration des Firebase-Backends

Die Ausgangslage

Herausforderung

Sílvia Jesus, eine Kunsthandwerkerin, die an drei sehr unterschiedlichen Produktarten arbeitet — personalisierbaren Notizbüchern, dekorativen Gipsobjekten und Zeichnungen/Drucken mit Preisen je nach Papierformat —, brauchte einen einzigen, stimmigen Online-Shop für alle drei Linien. Zusätzlich benötigte sie eine an portugiesische Zahlungsgewohnheiten angepasste Kasse (MB Way, Multibanco) sowie eine Möglichkeit für Kundinnen und Kunden, ihre Bestellungen nach dem Kauf zu verfolgen.

Unser Ansatz

Lösung

Wir haben eine individuelle Plattform mit React und Firebase entwickelt, mit kategoriespezifischer Produktlogik — einem Personalisierungsassistenten für Notizbücher, einer Preisgestaltung nach Papierformat für Drucke —, gestützt auf einen live aktualisierten Firestore-Katalog sowie einen authentifizierten Konto- und Bestellhistorie-Ablauf, eingebettet in eine animierte, mobile-first gestaltete Oberfläche im Einklang mit der visuellen Identität der Künstlerin.

Was enthalten ist

Wichtigste Funktionen

Warenkorb & Online-Bestellung
Firebase-Firestore-Integration
Produkt-Personalisierungsassistent
Kundenbewertungen & Ratings
Kategoriefilter & Suche
Benutzerkonten & Bestellhistorie
Portugiesische Zahlungsmethoden
Framer-Motion-Animationen
Ergebnisse

Ergebnisse

100/100
Best-Practices-Wert
Google Lighthouse, Produktions-Build
0
Cumulative Layout Shift
Google Lighthouse — keine visuelle Instabilität beim Laden
88/100
Barrierefreiheits-Wert
Google-Lighthouse-Audit zur Barrierefreiheit
3
Produktkategorien
Notizbücher, Gipsobjekte, Zeichnungen und Drucke
Technologie

Technologie-Stack

React 19
Vite 6
TypeScript 5
Tailwind CSS 3.x
React Router DOM 7
React Hook Form
Zod
Radix UI
Framer Motion
Firebase (Auth, Firestore, Storage, Functions)
Jetzt starten

Bereit, Ihr Projekt zu starten?

Sprechen wir darüber, wie wir eine beeindruckende Website schaffen, die genau zu Ihren geschäftlichen Anforderungen passt.

Sílvia Jesus Art Gallery | Portfolio | low-key solutions