PROJEKT
Für einen der größten deutschen Sammelkarten-Shops haben wir eine Sales-Website und mobile-first App entwickelt, welche von Kauf über Versand bis Verifikation und Labelling den gesamten Bewertungsprozess (Grading) für Sammelkarten digitalisiert.
HERAUSFORDERUNG
Das Ziel des Kunden war eine positive User-Experience bei der Auswahl seiner Karten zur Bewertung, sowie die maximal mögliche Unterstützung der Mitarbeiter im Grading-Workflow:
- Eine Web-basierte, an Shopify angeschlossene App musste als datengestützter Assistent erstellt werden, um mittels Ausschlussverfahren korrekte Karteninformationen zu übermitteln
- Eine umfangreiche Karten-Datenmenge musste dafür aus multiplen Google Sheets genutzt und laufend aktualisiert werden
- Es wurde ein Shop benötigt, in dem das Grading vom Kunden erworben werden kann
- Anhand seiner Identifikation sollte dem Kunden auf einer Submission-Seite möglich gemacht werden, die Bestellung zu konkretisieren und zu finalisieren
- In einer mobile-first App sollten die Bestellungen dann QR-Code gestützt durch einen definierten Prozess von Mitarbeitern in der bestmöglichen Zeit abgearbeitet werden
- Im gesamten Prozess musste berücksichtigt werden, dass diesen hochprofessionelle User ebenso durchlaufen werden wie Nutzer ohne jegliche Vorkenntnisse
ERGEBNIS
In einem Team aus Frontend- und Backend-Entwicklern haben wir in zwei getrennten Apps den Order- und Grading-Prozess mit dem Kunden in Web-, mobile-first Apps und Datenbanken umgesetzt:
- Automatisierter Importprozess aus Google Spreadsheets in die zentrale Kartendatenbank, erweiter- und dynamisch aktualisierbar
- Integration mit Shopify Web-Hooks für Bestelldatenübertrag und Erweiterung
- UX-optimierte Single Page Appilication (SPA) zur Kartenauswahl, um strukturierte Daten vom Nutzer in den Grading-Prozess einzugeben
- Zentrale Kartendatenbank zwischen OrderKit und GradingApp mit Freitext-Suche
- Kommunikation zwischen OrderKit und GradingApp durch versandte Bestellung per QR-Codes
- State-Machine-basierter Grading-Prozess mit Pre-/Post-Conditions und Rechteverwaltung
- Ausleitung in Excel/CSV Dateien zum automatisierten Kartenlabelling
- Zero downtime deployments
- Continuous deployment aus Bitbucket Pipelines
- Endlosskalierbare Serverless Architektur
TECHNOLOGIEN
Zum Einsatz kommen:
- PHP 8 + Laravel 8 / Vapor / Nova
- VueJS, Tailwind CSS
- Shopify, JTL
- AWS Lambda, AWS SQS, AWS RDS, AWS S3
- Docker, Git
FAKTEN
TAGS
Collectables, Cards, Product, B2C, Mobile Development