Schirato
Cabeleira.app — Cronograma Capilar com IA
Produto Digital · PWA · Full Cycle · Projeto Autoral

Cabeleira.app — Cronograma Capilar com IA

PWA de cuidados capilares com onboarding conversacional por IA, cronograma H·N·R personalizado, Armário Digital, Fase Lunar e monetização via Stripe — do zero à produção em semanas.

Cliente: Erik Schirato (projeto autoral)Ano: 2026
Contexto

Sobre o projeto

O Cabeleira.app nasceu de uma lacuna real no mercado: todos os apps de cronograma capilar existentes usam quizzes frios e cronogramas genéricos, ignoram os produtos que a usuária já tem em casa e não entendem marcas brasileiras como Kérastase, Lola, Forever Liss, Braé e Elseve.

A proposta foi criar um produto digital completo — do onboarding ao billing — com uma IA que conversa de forma natural, entende o contexto capilar da usuária e monta um cronograma H·N·R (Hidratação, Nutrição, Reconstrução) personalizado com os produtos disponíveis.

O projeto foi concebido, desenhado, desenvolvido e colocado em produção de forma totalmente autoral, com foco em produto, UX e escalabilidade desde a primeira linha de código.

Desafio

O problema a resolver

Apps existentes com quiz técnico e frio, sem contexto real da usuária

Cronogramas genéricos que ignoram os produtos disponíveis em casa

Zero suporte a marcas e produtos brasileiros premium

Ausência de acompanhamento real de progresso e evolução capilar

Paywall agressivo sobre funcionalidades básicas nos concorrentes

Construir um produto completo — da IA ao pagamento — com baixo custo de infra

Solução

O que foi entregue

Onboarding conversacional com Claude Haiku 4.5 — uma pergunta por vez, tom acolhedor

Cronograma H·N·R personalizado gerado automaticamente pela IA com os produtos da usuária

Armário Digital — inventário com categorias, filtros, scanner de produto por câmera e código de barras

Fase Lunar — calendário SVG com cálculo matemático de fase e agendamento de corte no Quarto Crescente

Diário Visual — linha do tempo fotográfica com gamificação, conquistas e rastreamento de comprimento em cm

Análise Facial com IA — Claude Sonnet Vision detecta formato do rosto e recomenda cortes e cores

Exportação de PDF do cronograma e geração de card 1080×1080 para Instagram via Canvas API

Web Push Notifications via Service Worker + Edge Function cron no Supabase

Modelo Freemium com Stripe Checkout, Webhooks e Customer Portal (Free, Pro R$39/mês, Premium R$59/mês)

LGPD — Termos de Uso, Política de Privacidade, exclusão de conta e RLS em todas as tabelas

Processo

Como foi feito

01

Concepção e estratégia de produto

Definição do posicionamento, público-alvo (mulheres brasileiras 22–45 anos com rotina capilar ativa), modelo Freemium e roadmap de 6 fases — do MVP ao produto completo com IA avançada.

02

Design system e UX

Criação de design system próprio com CSS variables (cream #f5f0e8, moss #3d5a40, gold #b8963e, ink #1c1a17). Interface com tom premium e botânico, priorizando conforto visual e uso recorrente.

03

Arquitetura e infraestrutura

Stack definida para escalar com custo próximo de zero: React + Vite + TypeScript no frontend, Supabase (PostgreSQL + RLS + Storage + Edge Functions em Deno) no backend, Anthropic API para IA e Stripe para pagamentos. Deploy na Vercel.

04

Desenvolvimento das features core

Implementação do onboarding conversacional com Claude Haiku, cronograma H·N·R, Armário Digital com catálogo de 30+ produtos brasileiros pré-cadastráveis, Diário Visual com gamificação e Fase Lunar com cálculo matemático de fase sinódica.

05

Monetização e blindagem legal

Integração completa com Stripe (Checkout Sessions + Webhooks + Customer Portal), hook useSubscription, UpgradeWall component, e-mails transacionais via Resend, LGPD com exclusão de conta e política de privacidade.

06

IA avançada e polimento

Análise Facial com Claude Sonnet Vision, scanner de produto (BarcodeDetector API + Claude Vision), feedback loop do cronograma com reajuste automático H·N·R, card Instagram via Canvas API, PDF via jsPDF e logging de custo de IA em todas as Edge Functions.

Tecnologias

Stack utilizada

A stack foi escolhida considerando escalabilidade, performance e facilidade de manutenção.

React 18ViteTypeScriptReact Router v6CSS Variables (Design System próprio)Supabase (PostgreSQL + RLS + Auth + Storage)Supabase Edge Functions (Deno)Anthropic API (Claude Haiku 4.5 + Sonnet Vision)Stripe (Checkout + Webhooks + Customer Portal)Resend (e-mail transacional)jsPDFCanvas APIWeb Push APIPWA (Service Worker + Manifest)Vercel
Resultados

Impacto mensurável

Produto completo do zero à produção em semanas

Todas as 6 fases do roadmap foram implementadas, do MVP ao produto com IA avançada — incluindo onboarding conversacional, monetização, LGPD e features Premium como Análise Facial.

Custo fixo de infraestrutura próximo de zero

Com Vercel Hobby + Supabase Free tier + Anthropic API pay-per-use, o custo fixo mensal é de R$0–10. Com 3 assinantes Pro, o produto já cobre todos os custos operacionais.

Modelo de negócio validado e pronto para aquisição

Stripe integrado com 3 planos (Free, Pro R$39/mês, Premium R$59/mês). Produto deployado em cabeleira.app, SEO técnico configurado e canal @appcabeleira no Instagram estruturado.

Arquitetura escalável com RLS e rastreamento de custo de IA

Todas as tabelas têm Row-Level Security. Tabela ai_calls rastreia uso, tokens e custo por usuária e por função — permitindo monitorar escalabilidade e margem antes de qualquer crescimento de base.

UX diferenciada frente a todos os concorrentes do nicho

Único app do mercado brasileiro com onboarding via IA conversacional em português, suporte nativo a marcas brasileiras premium e integração entre cronograma, fase lunar, diário visual e análise facial.

Minha atuação

O meu papel neste projeto

Responsável por todo o ciclo do produto: concepção estratégica, design system, arquitetura, desenvolvimento frontend completo, backend serverless, integração com IA (Anthropic), pagamentos (Stripe), e-mail (Resend), PWA, SEO e deploy em produção.

Vamos trabalhar juntos?

Se você tem uma ideia de produto digital e precisa de alguém que entregue do conceito à produção com qualidade sênior, vamos conversar.