Who buys this
Independent eyewear brands and optical shops that get a return on almost every second pair because the frame did not sit right on the face.
Where to start in Lovable
Paste this into Lovable as the opening prompt. It sets up one screen and one job, which is easier to grow from.
Build a try on page for an eyewear catalogue. The visitor allows the camera or uploads a photo, the app detects face landmarks in the browser, and the selected frame is drawn over the eyes with correct width and tilt. Show a size hint that compares the frame width with the measured face width. Let the visitor save three looks side by side and send the favourite to the cart. Keep every photo in the browser unless the visitor presses save.
What you will need to wire up
- Lovable AI Gateway
- Lovable Cloud (Postgres)
- Storage для каталога
- Stripe
Build order
- Start with one frame and one face. Get a single frame overlay to track a moving head without jitter before you import the catalogue. If the alignment is wrong on one pair it is wrong on two hundred, and the catalogue only hides that.
- Measure the face, do not guess it. Use the distance between the pupils as the scale reference and derive frame width from it. This one number turns a fun filter into a size recommendation, which is the part shops pay for.
- Prepare frame assets once. Each frame needs a transparent front image, a pixel width for the real millimetre width and two anchor points on the hinges. Store those three fields with the product and the overlay code stays simple forever.
- Sell the widget, not the app. Ship it as an embed a shop drops into a product page with one script tag. Brands will not migrate their store to your site, but they will paste a tag that lowers returns.
Where this usually breaks
- Glasses slide off the face on quick head turns because landmarks lag one frame behind. Smooth the position over the last few frames instead of drawing the raw value.
- Camera permission is refused more often than founders expect, especially on desktop. Always offer photo upload as an equal path, not as a fallback link.
- Face photos are sensitive data in the EU and in Brazil. Process in the browser, store nothing by default, and put that sentence on the widget itself.
How it makes money
- Monthly fee per store. Tiered by catalogue size, because preparing frame assets is your real work.
- One off catalogue preparation. Charge per frame for cutting assets and measuring anchors. It funds the slow first month.
Build this on Lovable
One click: we copy the starter prompt and open Lovable. Sign in, paste it and get a first working version in minutes. No card, 5 credits a day plus 10 bonus credits through our link.
Affiliate link. The commission is ours, the price for you is the same.