Projektüberblick
Unser Kunde ist ein US‑amerikanischer Online‑Shop für personalisierte Hautpflegeprodukte. Gemeinsam mit uns hat das Unternehmen ein eigenständiges System entwickelt, mit dem Kundendaten erhoben, Kaufentscheidungen unterstützt und medizinische e‑Services eingebunden werden.
Die Lösung wurde nahtlos in den bestehenden Shopify-Shop integriert – sowohl optisch als auch funktional.
Problem und Herausforderung
Der Kunde benötigte technologische Unterstützung für einen individuell zugeschnittenen Verkaufsprozess – von der Hautdiagnose bis hin zur Lieferung, sei es von Standardartikeln, individuell zusammengestellten Produkten oder ärztlich verordneten Präparaten im Rahmen einer Telekonsultation.
Standard Plugins für Shopify erwiesen sich als unzureichend: fehlende flexible Logik, mangelnde API Integration und eingeschränkte UI Kontrolle.
Die Aufgabe: ein externes System, das sowohl optisch als auch funktional nahtlos in den Shop integriert ist.
Projekt-Herausforderungen:
- Interaktives Quiz, das Hautdaten erhebt und entweder zu einer Produktempfehlung oder zu einer medizinischen Konsultation führt.
- Optische und funktionale Konsistenz mit dem Shopify-basierten Shop, obwohl das Quiz als externe Anwendung realisiert wurde.
- Umgang mit mehreren Szenarien nach Abschluss des Quiz: drei mögliche Pfade nach dem Quiz: Standardprodukt, personalisiertes Produkt oder Telemedizin.
- Integration in das US E-Rezept System mit digitaler Verordnung durch Ärzte.
- Synchronisation der Daten zwischen Laboren, Telemedizin-Plattform und Kunden-Backend.
Lösung
Wir entwickelten eine eigenständige Web‑App als Diagnose‑Quiz mit dem vollständigen Prozesspfad zur Produktpersonalisierung. Das Quiz ermöglicht die Erfassung wichtiger Informationen über die Haut der Nutzer und leitet sie automatisch in einen von drei Pfaden weiter:
- Fertiges Produkt: Produktempfehlung aus dem Standard‑Sortiment
- Personalisierte Kosmetik: maßgeschneiderte Rezeptur, bereitgestellt vom Partnerlabor
- Medizinische Therapie: Das Quiz führt bei Bedarf zur Telekonsultation, der Arzt stellt das E-Rezept aus, das Labor produziert die Rezeptur und die Ergebnisse werden automatisch an die jeweiligen Systeme übermittelt: Telemedizin-Plattform, Labor oder E-Rezept-System.
Alle Integrationen basieren auf sicheren APIs.
Wir stellten außerdem sicher, dass die Anwendung technologisch vollständig von Shopify getrennt ist. Dank eines durchdachten UI/UX-Designs bleibt der Ablauf für die Nutzer dennoch durchgängig und nahtlos.
Ergänzt wurde die Lösung durch eine Backoffice-Anwendung – die sogenannte Formulation App. Diese wird von den Mitarbeitenden des Kunden genutzt, um die Quiz-Ergebnisse zu verwalten, kosmetische Rezepturen zu erstellen und Kundenfeedback zu erfassen. Hier werden die Eingaben und Rückmeldungen analysiert und die Rezepturen kontinuierlich an die tatsächlichen Bedürfnisse der Nutzer angepasst.
Die App ist leicht, responsiv und optisch in das Shopify‑Design eingepasst.
Tech-Stack:
- Frontend: React.js
- Backend: Spring Boot
Erkenntnisse
Durch diese Zusammenarbeit haben wir praktisches Know-how in der Entwicklung komplexer Anwendungen gewonnen, die mit dem Shopify-Ökosystem kompatibel sind und medizinische sowie vertriebsbezogene Daten in einem zusammenhängenden Prozess integrieren.
Zusammengefasst sind wir in der Lage, Herausforderungen in folgenden Bereichen erfolgreich zu meistern:
- Entwicklung komplexer, interaktiver Formulare, die intuitiv bedienbar sind und die Geschäftslogik optimal abbilden
- Aufbau einer Entscheidungslogik mit drei Servicepfaden
- Visuelle Konsistenz zwischen externer Anwendung und bestehendem Online-Shop
- Wahl einer eigenständigen Architektur zur Sicherung maximaler Flexibilität aufgrund der begrenzten Möglichkeiten von Standard-Plugins für Shopify
- Integration externer medizinischer Systeme (US-E-Rezept-Plattform und Telemedizin-Dienst)
Stehen Sie vor ähnlichen Herausforderungen? Sprechen Sie uns an. Wir entwickeln gemeinsam die passende Lösung.
Das könnte Sie auch interessieren:
