Quem compra isso
Marcas independentes de óculos e óticas que recebem devolução de quase um par a cada dois porque a armação não caiu bem no rosto.
Por onde começar no Lovable
Cole isto no Lovable como primeiro prompt. Ele define uma tela e uma tarefa, e a partir daí fica mais fácil crescer.
Crie uma página de prova para um catálogo de óculos. O visitante libera a câmera ou envia uma foto, o app detecta pontos do rosto no navegador e a armação escolhida é desenhada sobre os olhos com largura e inclinação corretas. Mostre uma dica de tamanho comparando a largura da armação com a largura medida do rosto. Deixe salvar três looks lado a lado e mandar o preferido para o carrinho. Nenhuma foto sai do aparelho até o visitante salvar.
O que você precisa fiar
- Lovable AI Gateway
- Lovable Cloud (Postgres)
- Storage для каталога
- Stripe
Ordem de construção
- Comece com uma armação e um rosto. Faça uma única armação acompanhar a cabeça em movimento sem tremer antes de importar o catálogo. Se o alinhamento está errado em um par, está errado em duzentos, e o catálogo só esconde isso.
- Meça o rosto, não adivinhe. Use a distância entre as pupilas como referência de escala e derive dela a largura da armação. Esse número transforma um filtro divertido em recomendação de tamanho, que é a parte pela qual as óticas pagam.
- Prepare as imagens das armações uma vez. Cada armação precisa de uma imagem frontal transparente, uma largura em pixels para a largura real em milímetros e dois pontos de ancoragem nas dobradiças. Guarde esses três campos junto ao produto e o código de sobreposição fica simples para sempre.
- Venda o widget, não o app. Entregue como um embed que a loja coloca na página do produto com uma tag de script. Marcas não vão migrar a loja para o seu site, mas colam uma tag que reduz devoluções.
Onde costuma quebrar
- Em viradas rápidas de cabeça os óculos escorregam porque os pontos do rosto atrasam um quadro. Suavize a posição usando os últimos quadros em vez de desenhar o valor bruto.
- A permissão de câmera é negada com mais frequência do que se imagina, sobretudo no desktop. Ofereça o envio de foto como caminho equivalente, não como link de emergência.
- Fotos de rosto são dados sensíveis na UE e no Brasil. Processe no navegador, não guarde nada por padrão e escreva essa frase dentro do próprio widget.
Como isso rende dinheiro
- Mensalidade por loja. Faixas por tamanho de catálogo, porque preparar as imagens das armações é o seu trabalho real.
- Preparação única do catálogo. Cobre por armação para recortar as imagens e medir as âncoras. Isso paga o primeiro mês lento.
Crie isto no 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.