Wer das kauft
Unabhängigen Kosmetikmarken im Onlinehandel, die Verkäufe an Farbton-Unsicherheit verlieren und dann die Retouren zahlen.
Wo du in Lovable startest
Füg das als ersten Prompt in Lovable ein. Er legt einen Screen und eine Aufgabe fest, darauf lässt sich leichter aufbauen.
Bau eine Farbton- und Try-on-Seite für einen Kosmetikshop. Ein Besucher lädt ein Selfie hoch oder nutzt die Kamera, die App erkennt Lippen, Wangen und Augen und rendert den gewählten Farbton mit einstellbarer Intensität auf das Foto. Neben der Vorschau zeigst du die drei nächstliegenden Töne aus dem Katalog mit einem klaren Satz zur Begründung. Alles läuft im Browser, kein Foto geht an einen Server, außer der Besucher speichert einen Look. Ergänze eine Share-Karte und pro Ton einen direkten Warenkorb-Link.
Was du verkabeln musst
- Face landmarks в браузере
- Lovable Cloud (Postgres)
- Storage только для сохранённых образов
- Stripe
Bau-Reihenfolge
- Rendere auf dem Gerät. Landmarkenerkennung und Blending laufen im Browser auf einem Canvas. So bleibt die Vorschau sofort, deine Serverkosten nahe null und das Datenschutzversprechen echt statt nur ein Satz in der Policy.
- Match über den Hautton, nicht über einen Farbwähler. Nimm Hautproben aus mehreren Stellen, korrigier das Licht im Foto und vergleich dann in einem perzeptuellen Farbraum mit den Katalogtönen. Rohe Pixelwerte liefern selbstsichere Antworten, die drinnen sichtbar falsch sind.
- Zeig ehrliche Grenzen. Warn vor gelbem Innenlicht, starken Filtern und niedriger Auflösung und sag, dass der Bildschirm eine Annäherung ist. Eine Marke, die die Vorschau überverkauft, bekommt Retouren samt wütender Nachricht zurück.
- Miss die einzige Zahl, die zählt. Miss die Warenkorb-Rate von Sessions mit Try-on gegen die ohne, je Produkt. Diese Tabelle ist dein ganzer Pitch für die nächste Marke.
Wo es meist bricht
- Kamerafarben schwanken stark zwischen Handys. Normalisier über eine Weißreferenz im Bild oder eine feste Korrektur je erkannter Lichttemperatur und behaupte nie exakte Farbe.
- Gesichtsdaten sind in mehreren Rechtsräumen sensibel. Verarbeite im Speicher, speicher keine Landmarken und verlange eine ausdrückliche Aktion, bevor ein Bild das Gerät verlässt.
- Ältere Handys verlieren Frames im Live-Video und der Effekt sieht kaputt aus. Erkenn niedrige Frameraten und schalt automatisch in den Einzelfoto-Modus.
Womit es Geld verdient
- Abo pro Shop. Staffel nach Katalogumfang, denn eine Marke mit vierhundert Tönen braucht das Matching viel dringender als eine mit zwölf.
- Bezahlte Katalog-Einrichtung. Echte Farbwerte aus Produktfotos zu holen ist Handarbeit, die Geld wert ist, und genau das kopiert ein Wettbewerber nicht an einem Wochenende.
Bau das auf Lovable
The prompt above is ready to paste. Open Lovable, drop it in and get a first working version in minutes. Free plan, no card, 5 credits a day.
Try Lovable+10 free creditsAffiliate link. The commission is ours, the price for you is the same.