Design
Interface que parece produto pronto desde a primeira tela.
- Design system com tokens e componentes
- Fluxos de cadastro, compra e painel
- Do Figma para o código sem perder o desenho
- Protótipo de alta fidelidade no ProtoPie (bônus)
Curso gravado · acesso imediatoCrie e coloque no ar um produto digital completo com Claude Code, da interface ao domínio.
Design, negócio e desenvolvimento replicando 4 produtos reais, com VPS, homologação e produção. Bônus: seu app na Play Store e protótipos de alta fidelidade no ProtoPie.
Garantir minha vaga
Lote 1R$ 59,90
Lote 10% preenchido
+ 1500 Designers na comunidade
- Design, negócio e desenvolvimento em uma trilha só
- 4 projetos reais: Ciclos, Routes, Zei e Recreio
- Claude Code do primeiro comando à produção
- VPS, domínio e HTTPS configurados por você
- Ambientes de homologação e produção
- Bônus: app publicado na Play Store
- Bônus: protótipos de alta fidelidade no ProtoPie, sem código
- 7 dias para pedir reembolso, zero risco para você.
Lote 1
R$ 59,90
Curso gravado completo, com os 4 projetos e o bônus da Play Store. O preço sobe a cada lote.
Ver tudo o que está incluídoDo design ao deploy, criando um produto de verdade, da ideia ao link no ar.
Claude CodeVPS + domínioHomolog + produção
Para quem quer criar o produto inteiro, não só uma parte dele.
Designer que quer programar, dev que quer vender, empreendedor que quer tirar a ideia do papel. O curso junta as três frentes em um só caminho.
Negócio
Produto que alguém paga para usar.
- Validar a ideia e definir o MVP
- Modelo de cobrança e planos
- Proposta, escopo e preço para clientes
Desenvolvimento
Código de produção escrito com o Claude Code.
- Next.js, banco de dados e autenticação
- VPS, domínio, HTTPS e deploy
- Homologação separada de produção
Da ideia ao link no ar, na ordem em que um produto real acontece.
Ideia e negócio
Problema, público, MVP e como o produto vai ganhar dinheiro.
Design
Telas e design system prontos para virar código.
Código com Claude Code
Front, back, banco e login com o Claude Code no terminal.
VPS e domínio
Servidor configurado, DNS apontado e HTTPS ativo.
Homologação
Uma cópia do produto para testar antes de liberar.
homologProdução
Deploy para os usuários reais, com rotina de atualização.
produçãoVocê replica 4 produtos reais, do design ao deploy.
Cada projeto ensina uma parte diferente do trabalho. São produtos com problema, cliente e regras de negócio de verdade.
Ciclos
SaaS de estoqueProjeto 1
Redes de moda com mais de uma lojaSaaS de estoqueProjeto 1
Estoque de uma rede de moda em um painel só.
Cada venda dá baixa na hora, cada unidade vê o que tem e pode reservar ou transferir peças de outra loja.
SaaS multi-loja com permissõesSupabase, migrations e storagePlanos e cobrança recorrente
Next.jsSupabaseTailwindE-mails
Lojas4
Peças1.284
Repor12
| Produto | Loja | Status |
|---|---|---|
| Vestido midi linho | Centro | Em estoque |
| Jaqueta jeans | Shopping | Repor |
| Saia plissada | Praia | Reservada |
RoutesMarketplaceProjeto 2
Transfer de van para grupos, com app na Play Store.
O grupo compara foto, nota do motorista e preço por pessoa, paga com cartão e acompanha a van ao vivo no dia do evento.
Dois perfis: passageiro e motoristaStripe, mapa e localizaçãoDocker com homolog e produção
Next.jsAPI própriaDockerReact Native + Expo
ZeiSaaS B2BProjeto 3
O terminal de preços no celular do cliente.
O cliente do supermercado lê o código de barras e vê o preço que vem do PDV da loja. O supermercado acompanha tudo por um painel.
SaaS multi-tenantPWA com leitura pela câmeraAPI, painel admin e e-mails
Next.jsTurso + DrizzlePWAResend
RecreioJogo com prêmiosProjeto 4
Cartinha premiada com painel ao vivo.
O cliente escaneia o QR Code, se cadastra e vira cartinhas até achar o brinquedo. Toda rodada paga tem prêmio garantido.
Regras seguras dentro do bancoPainel em tempo realMarca levada para a interface
Next.jsSupabase RealtimeWeb PushQR Code
Toque numa carta para jogarBônus: seu app na Play Store
Da criação da conta ao envio para produçãoUsando o app do Routes como exemplo, você faz o caminho completo de publicação na loja do Google.
- 1
Conta de desenvolvedor
Google Play Console, com a taxa única de US$ 25 cobrada pelo Google.
- 2
App Android com Expo
O produto do site virando app nativo, com a mesma API.
- 3
Build assinado
AAB gerado com a chave de upload, guardada em lugar seguro.
- 4
Ficha da loja
Ícone, recurso gráfico, capturas, descrição e política de privacidade.
- 5
Testes
Teste interno e teste fechado. Contas pessoais novas precisam do teste fechado antes da produção.
- 6
Produção
Envio da versão final e rotina para publicar atualizações.
RoutesTransfer de van e ônibus
512 × 512Ícone
1024 × 500Recurso gráfico
1080 × 1920Capturas
Bônus 2 · para designers de produtoCom quem é Embaixador oficial do ProtoPie
Não quer programar? Crie protótipos de alta fidelidade no ProtoPie.
Se o seu foco é UI, UX e prototipagem, siga a trilha de design e use este bônus para transformar as telas do Figma num protótipo que se comporta como o app pronto. Sem escrever código.
- Testar a ideia com usuários antes de qualquer linha de código
- Apresentar para clientes uma experiência que eles tocam e sentem
- Entregar ao time de desenvolvimento a interação exata, não só a tela
Com quem é Embaixador oficial do ProtoPieIntrodução ao ProtoPie
Do Figma ao ProtoPie: importar as telas e entender gatilhos e respostas.
Microinterações
Toques, arrastes e transições que deixam a interface viva.
Sensores
Inclinação, bússola e voz do celular dentro do protótipo.
Interações condicionais
Variáveis e condições para fluxos que reagem ao que a pessoa faz.
Protótipos realistas
Campos de texto, formulários e dados que parecem o app de verdade.
Multi dispositivos
Um protótipo conversando com outro aparelho e testado no celular.
Gravado, com acesso imediato, e com a turma andando junto.
Você entra hoje e começa na hora. Na semana de implementação, a turma constrói o primeiro produto ao mesmo tempo, com o grupo para tirar dúvidas.
Acesso imediato
A compra libera as aulas na área de membros da Hotmart e o link do grupo da turma chega na página de confirmação.
Semana de implementação
Um roteiro dia a dia para sair da ideia e chegar ao produto no ar, com a turma fazendo junto.
No seu ritmo depois
As aulas continuam na sua área de membros para você replicar os outros projetos e o bônus da Play Store.
Tudo o que você precisa para lançar o seu primeiro produto.
- Design, negócio e desenvolvimento em uma trilha só
- 4 projetos reais: Ciclos, Routes, Zei e Recreio
- Claude Code na prática, até o código em produção
- VPS, domínio e HTTPS configurados por você
- Homologação e produção separadas
- Semana de implementação com o grupo da turma
- Bônus: app publicado na Play Store
- Bônus: protótipos de alta fidelidade no ProtoPie, sem código
Por que tão barato?
Este é o preço de lançamento. As vagas são vendidas em lotes e o valor sobe a cada lote, então quem entra agora paga o menor preço.
Lote 1Garantir minha vaga
R$59,90
Vagas deste lote0% preenchido
Pagamento único na Hotmart. Custos de VPS, domínio, plano do Claude e conta da Play Store são pagos à parte, direto a cada serviço.
Quem ensina
Robert Rodrigues
Embaixador oficial do ProtoPie e criador da ProtoUI, a escola de interaction design com mais de 1.500 designers na comunidade.
Os 4 projetos do curso são produtos que ele desenhou, construiu com o Claude Code e colocou no ar: um SaaS de estoque, um marketplace com app Android, um terminal de preços e um jogo com painel ao vivo.
7 dias de garantia
Assista, aplique e, se não for para você, peça o reembolso em até 7 dias pela Hotmart, sem precisar explicar o motivo.
Perguntas frequentes
As aulas são ao vivo?
Não. O curso é gravado e o acesso é imediato. Na semana de implementação, a turma segue um roteiro junto, com o grupo para tirar dúvidas.
Preciso saber programar?
Não. O curso parte do zero e usa o Claude Code para escrever o código com você. Você aprende a ler, pedir e revisar o que ele faz.
O preço vai subir?
Sim. As vagas são vendidas em lotes e cada lote novo custa mais que o anterior. A barra mostra quanto do lote atual já foi preenchido.
Preciso pagar o Claude Code?
Sim. O Claude Code funciona com um plano pago da Anthropic ou com créditos da API. Esse custo é seu, separado do curso.
Quanto custam a VPS e o domínio?
Dependem do provedor que você escolher. No curso você vê como escolher uma VPS e um domínio que caibam no seu orçamento.
O que é homologação?
É uma cópia do seu produto, com endereço próprio, onde você testa mudanças antes de liberar para os usuários. Produção é a versão que os clientes usam.
Sou designer e não quero programar. O curso serve?
Serve. Siga a trilha de design e use o bônus de ProtoPie para transformar suas telas do Figma em protótipos de alta fidelidade, sem escrever código, para testar com usuários e apresentar para clientes.
Preciso pagar o ProtoPie?
O ProtoPie tem um plano gratuito para começar. Recursos avançados pedem um plano pago, contratado direto no ProtoPie.
Quanto custa publicar na Play Store?
O Google cobra uma taxa única de US$ 25 para criar a conta de desenvolvedor. Depois disso não há mensalidade para publicar.
E se eu não gostar?
Você tem 7 dias a partir da compra para pedir o reembolso pela Hotmart, sem precisar explicar o motivo.