</Formação em sites e landing pages com Claude>

Qualquer pessoa pode pedir um site ao Claude. Poucas sabem dirigir o resultado.

Aprenda a transformar briefings e referências em landing pages profissionais, responsivas e publicadas usando Inteligência Artificial, sem precisar dominar código e sem cair nos mesmos layouts genéricos que todo mundo está criando.

QUERO CRIAR SITES COM <Autor[IA]>

Aulas rápidas e práticas
Do briefing à publicação
Acesso imediato

autoria.build / projeto-cliente● dirigindo

Instrutor da Formação AUTOR.IA segurando o símbolo da marca

direção visualv2

DM Sans · JetBrains Mono

método-autor.md

// direção antes da execução

definir universo visual

→ paleta, tipografia, grid

traduzir para o Claude

01O ponto cego

Criar um site com IA ficou fácil. O difícil é criar um site que tenha identidade.

Você abre o Claude, escreve algumas instruções e, em poucos minutos, uma página aparece na sua tela.

Parece impressionante.

claude code~/projeto-cliente

crie a hero da landing page seguindo o design system

Vou montar a seção usando os tokens já definidos.

<section className="hero">  <Eyebrow>{'</formação>'}</Eyebrow>  <h1>Qualquer pessoa pode pedir…</h1>  <Button>Quero criar</Button></section>

hero.tsx criado · 42 linhas

Até você perceber que ela tem:

o mesmo degradê de todas as outras
os mesmos cards arredondados
as mesmas animações previsíveis
a mesma estrutura de landing page
textos genéricos que poderiam servir para qualquer negócio
e aquela aparência inconfundível de projeto criado por IA

O problema é deixar a ferramenta tomar decisões que deveriam ser do designer.

Quando a IA recebe pouca direção, ela preenche o espaço com padrões.

Claudio, o mascote da formação, cercado por terminais e janelas de código

02A falsa solução

Você não precisa de um prompt mágico

Prompts podem acelerar tarefas. Mas nenhum prompt mágico substitui:

processo-dirigido

AUTOR

um briefing bem interpretado
uma estratégia clara
referências selecionadas com intenção
um design system coerente
uma boa hierarquia visual
e a capacidade de olhar para o resultado e saber o que precisa ser corrigido

Quem apenas copia comandos continua dependendo da sorte.

Quem aprende a dirigir o processo consegue repetir o resultado em diferentes nichos, estilos e clientes.

03A nova oportunidade

A IA não diminui o papel do designer. Ela aumenta o que ele consegue entregar.

Antes, muitos designers terminavam o projeto no Figma. Depois disso, precisavam:

encontrar um desenvolvedor
esperar pela implementação
explicar novamente cada detalhe
aceitar diferenças entre o layout e o resultado final
dividir o valor do projeto
ou simplesmente entregar apenas o design

Com o Claude, você pode ir além da interface. Você pode transformar sua própria direção visual em um site real, responsivo e publicado.

Antes

Designer de interface
entrega o layout
terceiriza a implementaçãodividir o lucro com terceiros

o valor do projeto termina no layout

Depois da AUTOR.IA

Designer
cria a estratégia
dirige o visual
constrói com Claude
publicadeploy na Vercel ou StayCloud
entrega o projeto completo

o projeto sai da sua mão funcionando

Você não precisa se tornar programador. Precisa aprender a usar o código como meio de execução.

04A formação

Conheça a Formação Autor[IA]

Sites criados com inteligência artificial. Dirigidos por designers.

Uma formação prática para designers que querem aprender a criar landing pages profissionais com Claude, mantendo o controle sobre a estratégia, o design e cada decisão importante do projeto.

Você acompanhará a criação de um projeto completo, passando por:

01
briefing
O que o projeto precisa resolver.
02
pesquisa e referências
Repertório escolhido com intenção.
03
direção visual
A estética definida antes do primeiro pixel.
04
design system
Cores, tipografia e componentes coerentes.
05
estrutura da página
Seções, hierarquia e ritmo.
06
construção com Claude
Execução conduzida por etapas.
07
refinamento
O que separa o genérico do profissional.
08
responsividade
Desktop e mobile com o mesmo cuidado.
09
publicação
No ar, em domínio próprio.
10
entrega profissional
Projeto pronto para ser apresentado.

Aqui, você não vai apenas assistir alguém gerar um site.Você vai entender o processo que permite criar outros projetos sozinho.

claudio@autoria — claude

✻claude code v2.0·~/projeto-cliente

refine o mobile da seção de oferta

Read(sections/Oferta.tsx)⎿ 84 linhas

Update(ui/OfferCard.tsx)⎿ +12 −4

Bash(pnpm build)⎿ ok

mobile ajustado · 375 → 430px

OfferCard.tsx

<PricingDisplay  destaque/>

globals.css

--color-orange:  #FF5500;

05O mecanismo

O Método AUTOR

Um processo para usar a velocidade da IA sem abrir mão da sua direção.

Etapa 01 / 05ativa

Alinhamento

Entenda a oferta, o público, o objetivo e as informações que realmente precisam orientar o projeto.

contexto → objetivo

briefing.md

oferta

público

objetivo

informações

A01 / 05
Alinhamento
Entenda a oferta, o público, o objetivo e as informações que realmente precisam orientar o projeto.
contexto → objetivo
briefing.md
oferta
público
objetivo
informações
U02 / 05
Universo visual
Transforme referências soltas em uma direção estética clara, coerente e específica para aquela marca.
referências → linguagem
direção-estética
editorialalto contrastegrid técnico

T03 / 05

Tradução

Converta estratégia e design em instruções, componentes e regras que o Claude consiga compreender.

decisões → sistema

design-system.json

{
  "cor": { "primária": "#FF5500", "base": "#0F0C0B" },
  "tipografia": { "título": "DM Sans", "micro": "JetBrains Mono" },
  "regra": "destaque só na palavra-chave"
}

O04 / 05
Orquestração
Construa por etapas, conduza as alterações e mantenha controle sobre o projeto sem destruir o que já funciona.
etapas → controle
construção por seções
hero
identificação
método
cta final
R05 / 05
Refinamento
Elimine a aparência genérica, ajuste o mobile, revise a experiência e publique uma entrega profissional.
revisão → entrega
revisão final
desktop
375
publicado

A IA cuida da execução. O Método AUTOR mantém o projeto sob sua direção.

QUERO CRIAR SITES COM <Autor[IA]>

06A diferença

O que separa um site genérico de um projeto profissional?

Não é apenas a ferramenta utilizada.

Dois designers podem usar exatamente o mesmo Claude e obter resultados completamente diferentes.

A diferença está em:

01quanto contexto é fornecido
02como as referências são interpretadas
03quais decisões são tomadas antes da construção
04como o sistema visual é definido
05como cada seção é refinada
06e quanto controle o designer mantém durante o processo

A ferramenta pode ser a mesma.A direção muda tudo.

07O resultado

Ao final da Formação AUTOR.IA, você será capaz de:

transformar um briefing em uma estratégia clara de página01
criar uma direção visual antes de começar a construir02
desenvolver um design system adequado ao projeto03
orientar o Claude sem depender de prompts aleatórios04
construir páginas por seções e componentes05
corrigir elementos sem perder o restante do trabalho06
criar versões responsivas para desktop e mobile07
publicar o site em domínio próprio08
integrar formulários e recursos essenciais09
apresentar e vender o serviço para clientes10

Do briefing à tela do Claude

Você chega com o design system definido e conduz a construção. O Claude aplica o que já foi decidido.

01conversa dirigida

claude.ai

leia o design-system.json e monte a seção de preço

Tokens carregados. Aplicando a escala tipográfica, o grid e os componentes já definidos.

Vibe code

Você descreve o ajuste em português e revisa o resultado. Programar deixa de exigir que você saiba a sintaxe.

02sem dominar sintaxe

“aumenta o respiro entre as seções”

py-20 → py-32

Responsivo de verdade

A mesma página resolvida em todos os tamanhos de tela.

03375 → ultrawide

mesma página

Implementação em minutos

Da estrutura pronta ao domínio conectado, sem sair do fluxo de trabalho.

04deploy na Vercel

localhost:3000

www.cliente.com.br

Site otimizado

Peso, imagens e fontes tratados para carregar rápido.

05performance

carregamento

Semanas viram horas

O que levava dias de ida e volta passa a ser entregue em algumas horas — com o mesmo acabamento, sem cara de projeto feito por IA.

06mesma qualidade de entrega

mesmo escopo · mesmo acabamento

Você entra com referências e uma ideia. Sai com um site real, publicado e pronto para ser apresentado.

08Para quem é

é para você

A Formação AUTOR.IA é para você que:

já trabalha com design, mas ainda não entrega sites completos
cria interfaces no Figma e depende de desenvolvedores
tenta usar Claude, mas se perde durante o processo
consegue gerar páginas, porém sente que todas ficam parecidas
tem medo de código, terminal ou publicação
quer aumentar o valor dos seus serviços
deseja transformar IA em uma vantagem profissional real
quer criar sites com mais velocidade sem sacrificar a qualidade

não é para

Não é para quem:

procura um botão que faça tudo sozinho
quer apenas copiar prompts
acredita que design é escolher um template bonito
não pretende praticar durante as aulas
espera se tornar especialista em programação em poucos dias

09O conteúdo

O que você vai dominar dentro da Autor.IA

7 módulos + bônus diretos ao ponto para criar, refinar, publicar e vender sites com IA.

01
Começando do jeito certo
Conheça as ferramentas, o projeto final e o processo que será utilizado durante toda a formação.
02
Preparando o ambiente
Configure Claude Code, skills e os recursos necessários para criar seu primeiro projeto.
03
O Método Página Autor [IA]
Aprenda a criar direção visual, conceito e Design System para evitar páginas genéricas.
04
Estratégia Antes do Prompt
Transforme briefing, oferta e referências em uma estrutura clara para a inteligência artificial.
05
Dominando o Claude na Prática
Aprenda a dar instruções melhores, construir por etapas e corrigir sem destruir o projeto.
06
Publicação e Entrega
Publique, conecte o domínio, configure integrações e entregue o projeto ao cliente.
07
Transformando a Habilidade em Dinheiro
Aprenda a criar portfólio, precificar, apresentar propostas e conquistar clientes.
Bônus exclusivo
Fábrica de Sistemas com IA
Use a mesma metodologia para planejar, construir e publicar diferentes tipos de sistemas.
01
Começando do jeito certo
Conheça as ferramentas, o projeto final e o processo que será utilizado durante toda a formação.
02
Preparando o ambiente
Configure Claude Code, skills e os recursos necessários para criar seu primeiro projeto.
03
O Método Página Autor [IA]
Aprenda a criar direção visual, conceito e Design System para evitar páginas genéricas.
04
Estratégia Antes do Prompt
Transforme briefing, oferta e referências em uma estrutura clara para a inteligência artificial.
05
Dominando o Claude na Prática
Aprenda a dar instruções melhores, construir por etapas e corrigir sem destruir o projeto.
06
Publicação e Entrega
Publique, conecte o domínio, configure integrações e entregue o projeto ao cliente.
07
Transformando a Habilidade em Dinheiro
Aprenda a criar portfólio, precificar, apresentar propostas e conquistar clientes.
Bônus exclusivo
Fábrica de Sistemas com IA
Use a mesma metodologia para planejar, construir e publicar diferentes tipos de sistemas.

10Quem vai te acompanhar

Eu também comecei sem saber até onde o design poderia me levar.

No início, o design era uma habilidade que eu ainda estava tentando transformar em profissão. Com o tempo, os projetos cresceram, os clientes chegaram e aquilo que começou como uma oportunidade se tornou o trabalho que hoje me permite viver da internet.

Atualmente, trabalho de casa, tenho liberdade para desenvolver meus projetos de onde estiver e construí meu próprio estúdio de design, atendendo negócios e profissionais do mercado digital.

Mas essa evolução não aconteceu porque encontrei uma ferramenta que fazia tudo por mim.

Ela aconteceu quando aprendi a unir repertório, estratégia, direção visual e execução.

A inteligência artificial entrou nesse processo para ampliar aquilo que eu já conseguia entregar. Ela me deu mais velocidade e independência, mas as decisões que transformam um projeto comum em um trabalho profissional continuam vindo do designer.

Foi dessa experiência que nasceu a Formação AUTOR.IA: para ajudar outros designers a utilizarem o Claude não como um gerador de páginas, mas como uma ferramenta capaz de executar sua visão.

A IA não apagou minha profissão como designer. Ela aumentou o tamanho dos projetos que eu consigo assumir.

Luís Felipe CastroDesigner, Web Designer e fundador do Welve Studio

Hoje, trabalhando de casa e dirigindo meu próprio estúdio.

const projeto = {
  briefing:   "interpretado",
  direcao:    "definida",
  execucao:   "dirigida",
  publicacao: "no ar",
}

11Comece agora

Entre para a Formação AUTOR.IA e aprenda a transformar sua direção criativa em sites reais.

Tenha acesso a uma formação prática para criar sites e landing pages profissionais com Claude, do briefing à publicação, sem precisar dominar código e sem aceitar o visual genérico que a inteligência artificial entrega por padrão.

// acesso à formação

Formação AUTOR.IA

Sites e Landing Pages com Claude

enrollment.ready

O que está incluído

Formação completa em Sites e Landing Pages com Claude
incluído
7 módulos práticos, do primeiro projeto à entrega profissional
incluído
Método AUTOR para conduzir a criação com inteligência artificial
incluído
Construção de uma landing page completa durante as aulas
incluído
Direção visual e Design System com IA
incluído
Responsividade, publicação e domínio próprio
incluído
Conteúdo complementar sobre ChatGPT
incluído
Bônus: Fábrica de Sistemas com IA
incluído
Materiais, prompts e arquivos utilizados durante a formação
incluído
1 ano de acesso à formação
incluído
Atualizações incluídas durante o período de acesso
incluído
Suporte para dúvidas relacionadas ao conteúdo
incluído

1 ano de acesso

Assista e revise as aulas durante 12 meses.

Atualizações incluídas

Receba as atualizações publicadas durante seu período de acesso.

Suporte

Conte com suporte para dúvidas relacionadas ao conteúdo da formação.

dias de
garantia

Você tem 7 dias para conhecer a formação.

Depois da confirmação da compra, você terá 7 dias para acessar o conteúdo e avaliar se a Formação AUTOR.IA faz sentido para o seu momento.

Caso decida que a formação não é para você, poderá solicitar o reembolso dentro desse período, seguindo as condições da plataforma de pagamento.

12Ainda tem dúvidas?

Perguntas frequentes

Tudo o que você precisa saber antes de começar sua formação.

A ferramenta pode ser a mesma

A direção muda tudo.

Aprenda a usar a velocidade da inteligência artificial sem abrir mão da estratégia, da identidade e da sua autoria como designer.

O Claude pode construir. Mas é você quem deve decidir.

QUERO CRIAR SITES COM <Autor[IA]>

Comece agora sua jornada do briefing à publicação.

Qualquer pessoa pode pedir um site ao Claude. Poucas sabem dirigir o resultado.

Criar um site com IA ficou fácil. O difícil é criar um site que tenha identidade.

Você não precisa de um prompt mágico

A IA não diminui o papel do designer. Ela aumenta o que ele consegue entregar.

Antes

Depois da AUTOR.IA

Conheça a Formação Autor[IA]

briefing

pesquisa e referências

direção visual

design system

estrutura da página

construção com Claude

refinamento

responsividade

publicação

entrega profissional

Aqui, você não vai apenas assistir alguém gerar um site.Você vai entender o processo que permite criar outros projetos sozinho.

O Método AUTOR

Alinhamento

Alinhamento

Universo visual

Tradução

Orquestração

Refinamento

O que separa um site genérico de um projeto profissional?

A ferramenta pode ser a mesma.A direção muda tudo.

Ao final da Formação AUTOR.IA, você será capaz de:

Do briefing à tela do Claude

Vibe code

Responsivo de verdade

Implementação em minutos

Site otimizado

Semanas viram horas

Para quem é a Formação AUTOR.IA

A Formação AUTOR.IA é para você que:

Não é para quem:

O que você vai dominar dentro da Autor.IA

Começando do jeito certo

Preparando o ambiente

O Método Página Autor [IA]

Estratégia Antes do Prompt

Dominando o Claude na Prática

Publicação e Entrega

Transformando a Habilidade em Dinheiro

Fábrica de Sistemas com IA

Eu também comecei sem saber até onde o design poderia me levar.

Entre para a Formação AUTOR.IA e aprenda a transformar sua direção criativa em sites reais.

Você tem 7 dias para conhecer a formação.

Perguntas frequentes

01Preciso saber programar ou ter alguma ferramenta assinada?

02A formação é indicada para iniciantes e por quanto tempo terei acesso?

03O curso ensina apenas Claude?

04Vou aprender apenas a gerar layouts?

05Como a formação evita que as páginas fiquem com aparência genérica de IA?

06Posso aplicar o processo em diferentes tipos de projeto?

07Vou aprender a publicar o site?

08Existe algum conteúdo sobre criação de sistemas?

09Existe garantia?

A direção muda tudo.