PlateCreate – Konfigurator für Kennzeichenrahmen

Herausforderung: Einen professionellen Design-Editor entwickeln, der Text, Bilder, Formen und Freihandzeichnen pixelgenau unterstützt – und dabei für Nutzer ohne technische Vorkenntnisse auf Desktop und Mobilgeräten intuitiv bleibt.

Lösung: Ich habe den Editor auf Konva.js aufgebaut, mit 50+ Schriften für Kennzeichenrahmen, sechs Formwerkzeugen, vier Pinselarten mit einstellbarer Deckkraft und einer vollständigen Ebenenverwaltung mit Steuerung der Stapelreihenfolge (z-index). Intelligentes Einrasten wie bei Canva liefert Hilfslinien für Mitte, Kanten und die Ausrichtung zwischen Elementen – auch bei gedrehten Elementen. Der Editor bietet Rückgängigmachen und Wiederholen mit vollständigem Verlauf, Tastenkürzel, Einrasten der Drehung in 90-Grad-Schritten, Zoomstufen (10–300 %), einblendbare Raster, Lineale sowie PNG- und PDF-Export in hoher Auflösung für druckfertige Ergebnisse. Eine mobil optimierte Oberfläche mit ausfahrbarem Bedienfeld am unteren Rand und schwebender Werkzeugleiste sorgt für ein reibungsloses Erlebnis auf allen Geräten.

Herausforderung: Fünf eigenständige Nutzerrollen – normale Nutzer, Super-Admins, Autohäuser, Druckereien und Immobilienpartner – mit jeweils eigenen Dashboards, Berechtigungen und Abläufen unterstützen, dazu eine vollständige E-Commerce-Strecke mit Zahlungen, Marktplatz und Spendenkampagnen.

Lösung: Ich habe ein rollenbasiertes System mit automatischer Weiterleitung zum passenden Dashboard und eigenen Portalen für jeden Nutzertyp konzipiert. Autohäuser verwalten Vorlagen und Gutscheincodes, Druckereien wickeln Aufträge mit Zuweisung nach Einzugsgebiet ab, und Immobilienpartner richten automatische Versandaufträge ein. Die Plattform bindet Stripe für einen sicheren Bezahlvorgang mit Webhook-Verarbeitung ein, dazu einen Design-Marktplatz mit Freigabeprozess durch Admins, Spendenkampagnen mit Zielverfolgung und Auszahlungsanträgen sowie ein Empfehlungsprogramm mit Guthaben als Anreiz und Schutz vor Selbstempfehlungen.

Herausforderung: Schnelle Ladezeiten und eine sichere Authentifizierung auf einer funktionsreichen Plattform bieten – bereitgestellt auf Edge-Infrastruktur mit SQLite-basierter Datenbank und Objektspeicher für Uploads der Nutzer.

Lösung: Ich habe die Plattform auf Cloudflare Pages bereitgestellt, mit D1 (SQLite) als Datenbank und R2 als Bildspeicher. 22 Datenbankindizes und konsequentes HTTP-Caching (10 Minuten im Browser, 2 Stunden im CDN) sorgen für Dashboard-Ladezeiten unter 100 ms – eine Verbesserung um 95 %. Die Authentifizierung nutzt sitzungsbasierte Tokens mit Zwei-Faktor-Verifizierung (Einmalcode per E-Mail über Resend, per Telefon über Twilio), ein Zwischenspeichern der Sitzung für 30 Sekunden, das die Datenbankzugriffe um 90 % senkt, eine Begrenzung der Anfragerate für sensible Endpunkte und Passwort-Hashing mit bcrypt. Die Plattform umfasst 44 Datenbankmigrationen mit ACID-konformen Transaktionen.