Comunidade Celão Web + IA + sistemas + automações + bônus

INSCRIÇÕES ABERTAS: BLACK CELADO 2026

Aprenda a criar sites profissionais, usar a Inteligência Artificial a seu favor e conseguir clientes para viver de web design, sistemas e automações. São mais de 1.300 aulas com acesso vitalício, encontros ao vivo e mentoria, numa condição que só existe nesta promoção de Black.

De R$ 2.397 por 18x deR$ 94,10ou à vista,
Pix ou cartãoR$ 1.297

Quero garantir minha vaga

Garantia incondicional de 7 diasPagamento seguro

Você não Precisa de nenhum  Outro curso

Cada capa aí embaixo é um módulo completo, e são mais de 1.300 aulas no total. Em vez de juntar dez cursos que não conversam entre si, você tem um lugar só, que acompanha cada fase da sua carreira e continua crescendo.

  • Capa do módulo Boas-vindas
  • Capa do módulo Hospedagem Compartilhada
  • Capa do módulo Hospedagem VPS
  • Capa do módulo WordPress
  • Capa do módulo Elementor
  • Capa do módulo User Experience
  • Capa do módulo User Interface
  • Capa do módulo Photoshop
  • Capa do módulo Figma
  • Capa do módulo Otimização de Performance
  • Capa do módulo Página de links (Modelo 1)
  • Capa do módulo Página de links (Modelo 2)
  • Capa do módulo Página de links (Modelo 3 - Avançado)
  • Capa do módulo Rotina de trabalho
  • Capa do módulo Prospecção e vendas orgânicas
  • Capa do módulo Tráfego pago para vender sites no Meta Ads
  • Capa do módulo Otimização de SEO
  • Capa do módulo HTML (Front-end)
  • Capa do módulo CSS (Front-end)
  • Capa do módulo Algoritmos e lógica de programação
  • Capa do módulo JavaScript (Front-end)
  • Capa do módulo Copywriting
  • Capa do módulo CRO (Conversion Rate Optimization)
  • Capa do módulo WordPress avançado
  • Capa do módulo Sites dinâmicos com Crocoblock
  • Capa do módulo Bônus
  • Capa do módulo Lives do Youtube
  • Capa do módulo Gravações de encontros
  • Capa do módulo Gravações de imersões
  • Capa do módulo Conteúdos colaborativos
  • Capa do módulo Página de captura e obrigado
  • Capa do módulo GSAP (Biblioteca JavaScript)
  • Capa do módulo Site Institucional Multi Page
  • Capa do módulo Plugins Celados
  • Capa do módulo Site One Page
  • Capa do módulo Woocommerce
  • Capa do módulo Fundamentos da IA
  • Capa do módulo Claude
  • Capa do módulo GPT Codex
  • Capa do módulo Google Antigravity
  • Capa do módulo Arquitetura de Sites e Sistemas com I.A.
  • Capa do módulo Análises de Sites
  • Capa do módulo O mundo das automações
  • Capa do módulo n8n - Fundamentos
  • Capa do módulo n8n - Automações na prática
  • Capa do módulo Workshops Especiais
  • Capa do módulo Dia 1
  • Capa do módulo Dia 2
  • Capa do módulo Turma de Janeiro/25
  • Capa do módulo DIP - Diagnóstico Individual Personalizado

Faz a conta comigo

Para entrar na Comunidade com acesso vitalício hoje, você pagaria R$ 2.397.
Na Black, você leva o vitalício e tudo o que só existe nesta turma, por um valor bem menor do que esse.

Quero a oferta da Black
A ComunidadeFora da BlackBlack Celado 2026
Comunidade Celão Web: 1.375 aulas1 ano: R$ 1.597vitalício: R$ 2.397Vitalício
Plataforma de aulas própria (EAD Celado)Valor real R$ 4.997InclusoIncluso
Trilha de IA na criação de sitesInclusoIncluso
Agentes Celados de IA e Hub CeladoValor real R$ 2.997InclusoIncluso
75 lives do YouTubeValor real R$ 797InclusoIncluso
44 análises de sitesValor incalculávelInclusoIncluso
Encontros gravados e conteúdos colaborativosValor real R$ 694InclusoIncluso
Comunidade no DiscordValor real R$ 997/anoInclusoIncluso
Modelos de briefing, proposta e contratoValor real R$ 297InclusoIncluso
Celão Box, plugins exclusivos e checklist no TrelloValor real R$ 394InclusoIncluso
Só na Black Celado 2026Fora da BlackBlack Celado 2026
OnFluxo (Novo curso de automações) e seus módulos futurosValor real R$ 1.497Não temIncluso
Workshop ao vivo: Construindo sites e sistemas com IA07/11, com gravação · Valor real R$ 797Não temIncluso
Workshop ao vivo: Plugins para WordPress com IA21/11, com gravação · Valor real R$ 497Não temIncluso
Workshop ao vivo: Heros impactantes05/12, com gravação · Valor real R$ 197Não temIncluso
Workshop ao vivo: Automações com n8n19/12, com gravação · Valor real R$ 197Não temIncluso
Workshop ao vivo: Estratégias de LTV para serviços09/01, com gravação · Valor real R$ 497Não temIncluso
Workshop ao vivo: Funis de vendas para serviços23/01, com gravação · Valor real R$ 497Não temIncluso
Mentoria CEL.IA.DOS (fev. a mai. de 2027)Valor real R$ 2.997Não temIncluso
DIP, Diagnóstico Individual PersonalizadoValor real R$ 2.997Não temIncluso
Gravação da mentoria Celado e Além com desafios de aceleração de resultadosValor real R$ 6.997Não temIncluso
Imersão Web Galaxy (gravação)Valor real R$ 1.497Não temIncluso
Quanto custaR$ 2.397só o vitalício18x de R$ 94,10ou R$ 1.297 à vista
Já é aluno?Com o cupom CELADO
Sou aluno ou ex-alunoSeu acesso vira vitalício, mesmo vencido18x de R$ 57,83ou R$ 797 à vista
Já sou vitalícioLeva tudo o que é exclusivo desta turma18x de R$ 36,06ou R$ 497 à vista

Já é aluno? Aplique o cupom CELADO no checkout usando o mesmo e-mail da sua primeira compra: o desconto certo aparece sozinho.

Em  Resumo: a Conta é simples.

Para entrar na Comunidade Celão Web, você pagaria R$ 1.597 por ano ou R$ 2.397 no vitalício. Mas, somente na Black Celado 2026, você garante o vitalício e tudo o que é exclusivo desta turma:

Para quem ainda não é alunoR$ 1.297 ou até 18x de R$ 94,10
Para quem já é aluno ou ex-alunocom o cupom CELADOR$ 797 ou até 18x de R$ 57,83
Para quem já é vitalíciocom o cupom CELADOR$ 497 ou até 18x de R$ 36,06
Quero comprar a oferta da Black Celado 2026
Dúvidas? Me chama no WhatsApp

Atenção: esta condição é do lote 1 e o valor pode mudar a qualquer momento, sem aviso.

Afinal, o que é a Comunidade Celão Web?

A Comunidade Celão Web é um ecossistema de aprendizado e desenvolvimento profissional para quem deseja construir uma carreira no mercado de criação de sites e sistemas.
Aqui, você aprende na prática a criação e venda desse tipo de serviço, desenvolvendo habilidades comerciais e sempre com o suporte necessário para evoluir.

Ver lista de módulos e aulas

E o que é o OnFluxo?

O OnFluxo é o novo treinamento que estou lançando para que, além da criação de sites, você aprenda a criar automações e a vender esse novo serviço.
O mesmo cliente que contrata o seu site também precisa de leads chegando no WhatsApp, atendimento automático e processos que funcionam sozinhos. Com o OnFluxo, você aprende a entregar essas soluções e a cobrar o que elas valem.

Ver lista de módulos e aulas

Esta  Não é umapromoção Comum

É a melhor oportunidade de garantir acesso vitalício à Comunidade Celão Web, com todas as atualizações futuras, e a única que traz junto o OnFluxo e os bônus desta turma. Sem mensalidades, sem renovações e com um conteúdo que evolui junto com o mercado.

AtualizaçõesConstantes

AcessoVitalício

BônusExclusivos

Para  sempre.

Atualizações constantes

O curso não é “vitalício só no papel”: é atualizado o tempo todo para acompanhar o mercado, e quem está dentro recebe tudo.

Acesso vitalício

Entre uma vez e tenha acesso para sempre às aulas da Comunidade e do OnFluxo. Sem mensalidade e sem renovação.

Bônus exclusivos

Esta Black traz o que só existe nesta turma: o OnFluxo, 6 workshops ao vivo, a Mentoria CEL.IA.DOS e um DIP, o Diagnóstico Individual Personalizado.

Quero me tornar um Celado para sempre
Quero falar com o suporte pelo WhatsApp

O que os Alunos estão dizendo

Clique na imagem desejada para visualizá-la em tela cheia

O que tem lá dentro

Dá uma olhada na lista de módulos

O objetivo não é terminar de assistir, mas sim ter SEMPRE tudo o que você precisa à mão. Não é à toa que nunca para de ser atualizado.

1.375

aulas, contando o OnFluxo

44

módulos liberados

7

trilhas de aprendizado

R$ 0

de mensalidade, para sempre

316 aulas

Habilidades essenciais

  • Boas-vindas17
  • Hospedagem compartilhada6
  • Hospedagem VPS18
  • WordPress14
  • Elementor49
  • User Experience30
  • User Interface44
  • Photoshop66
  • Figma47
  • Otimização de performance25

339 aulas

Projetos na prática

  • Página de links (3 modelos)27
  • Página de captura e obrigado92
  • Site institucional multi-page149
  • Site one page34
  • WooCommerce37

78 aulas

Inteligência Artificial

  • Fundamentos da IA8
  • Claude43
  • GPT Codex10
  • Google Antigravity5
  • Arquitetura de sites e sistemas com IA12

116 aulas

Rotina e vendas

  • Rotina de trabalho7
  • Prospecção e vendas orgânicas91
  • Tráfego pago no Meta Ads18

287 aulas

Habilidades avançadas

  • Otimização de SEO37
  • HTML8
  • CSS54
  • Algoritmos e lógica20
  • JavaScript59
  • Copywriting11
  • CRO6
  • WordPress avançado15
  • Crocoblock30
  • GSAP47

178 aulas

Extras

  • Lives do YouTube75
  • Análises de sites44
  • Conteúdos colaborativos26
  • Gravações de encontros16
  • Plugins Celados10
  • Gravações de imersões4
  • Bônus3

E ainda nem falamos dos próximos módulos que já estão na fila para gravação…

  • Site blog
  • Tráfego pago no Google Ads
  • Máxima produtividade
  • Mentalidade vencedora
  • Framer
  • Webflow
  • PHP
  • Banco de dados MySQL
  • Biblioteca jQuery
  • Biblioteca SwiperJS
  • Site one page (atualização)
  • WooCommerce (atualização)
  • E muito mais

Curso novo

OnFluxo: automações que você vende

O cliente que paga o seu site também precisa de lead caindo no WhatsApp, agendamento, follow-up e atendimento com IA. O OnFluxo te ensina a entregar isso e a vender mais para o mesmo cliente.

Disponível agora

61 aulas, cerca de 14 horas

  • O mundo das automações9 aulas
  • n8n: fundamentos46 aulas
  • n8n: automações na prática6 aulas

Acesso vitalício, como a Comunidade.

No roteiro

A turma fundadora recebe tudo

  • WhatsApp na automação (API oficial)
  • Chatbots e atendimento sem código
  • Agentes de IA para atendimento
  • Make
  • E-mail marketing e funis
  • Agendamento e follow-up
  • Relatórios e conteúdo com IA
  • Crie suas próprias ferramentas com IA
  • Operação profissional (erros, backup, LGPD)
  • Como vender automações
  • Projetos completos por nicho

Sem data definida. Cada módulo novo entra sem custo para quem estiver dentro.

Tá pensando que acabou?

Ainda não acabou,  você também recebe estes Bônus:

Confira só os bônus que você recebe ao entrar nesta oferta da Black Celado:

  1. 01Modelos prontosBriefing, proposta comercial (em PDF e em template de site) e contratos para fechar projetos sem improviso.R$ 297R$ 0
  2. 02Checklist de tarefas no TrelloSeus projetos organizados como os de um profissional, sem atraso e sem retrabalho.R$ 97R$ 0
  3. 03Celão Box e plugins exclusivosO pack de arquivos, assets e plugins que eu mesmo uso no dia a dia.R$ 297R$ 0
  4. 04Agentes Celados de IAIA treinada por mim para te ajudar com código, otimização, vendas e muito mais.R$ 2.997R$ 0
  5. 0575 lives do YouTubeTodo o acervo de lives, organizado para você estudar quando quiser. E contando.R$ 797R$ 0
  6. 0644 análises de sitesProjetos reais de alunos analisados: os erros, os acertos e como deixar cada site mais profissional.valor incalculávelR$ 0
  7. 07Encontros e conteúdos colaborativosGravações de encontros com alunos e aulas gravadas pela própria comunidade.R$ 694R$ 0
  8. 08Comunidade no DiscordNetworking, dúvidas e feedbacks com mais de mil alunos, enquanto a comunidade existir.R$ 997/anoR$ 0
  9. 09Plataforma EAD Celado e HubTrilhas, progresso e o Hub Celado: modelos de código, extensões e calculadora de preço.R$ 4.997R$ 0

  1. Modelos prontos

    Modelos de briefing, proposta comercial (em PDF e em template de site) e contratos para fechar projetos sem improviso.

    R$ 297Bônus sem custo para quem entrar nesta turma da Black

  2. Checklist de tarefas no Trello

    Modelo de checklist para organizar seus projetos como um profissional, sem atraso e sem retrabalho.

    R$ 97Bônus sem custo para quem entrar nesta turma da Black

  3. Celão Box e plugins exclusivos

    O pack de arquivos, assets e plugins que eu mesmo uso no dia a dia.

    R$ 297Bônus sem custo para quem entrar nesta turma da Black

  4. Agente Celado de IA

    IA treinada por mim para te ajudar com código, otimização, vendas e muito mais.

    R$ 2.997Bônus sem custo para quem entrar nesta turma da Black

  5. 75 lives do YouTube

    Todo o acervo de lives, organizado para você estudar quando quiser. E contando.

    R$ 797Bônus sem custo para quem entrar nesta turma da Black

  6. 44 análises de sites

    Projetos reais de alunos analisados: os erros, os acertos e como deixar cada site mais profissional.

    Valor incalculávelBônus sem custo para quem entrar nesta turma da Black

  7. Encontros e conteúdos colaborativos

    Gravações de encontros com alunos e aulas gravadas pela própria comunidade.

    R$ 694Bônus sem custo para quem entrar nesta turma da Black

  8. Comunidade no Discord

    Networking, dúvidas e feedbacks com mais de mil alunos, enquanto a comunidade existir.

    R$ 997/anoBônus sem custo para quem entrar nesta turma da Black

  9. Plataforma EAD Celado e Hub

    Trilhas, progresso e o Hub Celado: modelos de código, extensões, calculadora de preço e muito mais.

    R$ 4.997Bônus sem custo para quem entrar nesta turma da Black

Só nesta Black: 6 bônus exclusivos desta turma. Fora da Black Celado 2026, eles não existem.

  1. Só nesta Black

    OnFluxo

    Meu curso novo de automações: n8n, WhatsApp, chatbots, agentes de IA, e-mail marketing e como vender tudo isso. Você recebe todos os módulos que forem lançados, sem pagar de novo.

    R$ 1.497Bônus sem custo para quem entrar nesta turma da Black
  2. Só nesta Black

    6 workshops ao vivo

    Aos sábados, às 8h (horário de Brasília). Todos ficam gravados na plataforma.

    • 07.11Construindo sites e sistemas com IA
    • 21.11Plugins para WordPress com IA
    • 05.12Heros impactantes
    • 19.12Automações com n8n
    • 09.01Estratégias de LTV para serviços
    • 23.01Funis de vendas para serviços
    R$ 2.682Bônus sem custo para quem entrar nesta turma da Black
  3. Só nesta Black

    Mentoria CEL.IA.DOS

    6 encontros quinzenais ao vivo, de fevereiro a maio de 2027, sobre como vender serviços com IA, automações, sites e sistemas. Com gravação.

    R$ 2.997Bônus sem custo para quem entrar nesta turma da Black
  4. Só nesta Black

    DIP: Diagnóstico Individual Personalizado

    Um raio-X do seu momento e um plano sob medida, escrito por mim. Quem já fez ganha um novo crédito para usar novamente.

    R$ 2.997Bônus sem custo para quem entrar nesta turma da Black
  5. Só nesta Black

    Mentoria Celado e Além

    As gravações dos 12 encontros da mentoria focada em vendas de sites, com desafios práticos de execução.

    R$ 6.997Bônus sem custo para quem entrar nesta turma da Black
  6. Só nesta Black

    Imersão Web Galaxy

    A gravação completa dos 2 dias de imersão, com processos reais e técnicas avançadas.

    R$ 1.497Bônus sem custo para quem entrar nesta turma da Black

Somando os 15 bônus

R$ 29.840

Você paga R$ 0 por todos eles.

Quero todos esses bônus

Só na Black Celado 2026

Bônus exclusivos desta turma

Se liga só no que apenas quem entrar nesta turma também vai receber:

10

OnFluxo

Meu curso novo de automações com n8n: 61 aulas já disponíveis e todos os módulos do roteiro, sem pagar de novo.

Valor real R$ 1.497Você paga R$ 0

11

6 workshops ao vivo

Aos sábados, às 8h (horário de Brasília). Todos ficam gravados na plataforma.

  • 07.11Construindo sites e sistemas com IA
  • 21.11Plugins para WordPress com IA
  • 05.12Heros impactantes
  • 19.12Automações com n8n
  • 09.01Estratégias de LTV para serviços
  • 23.01Funis de vendas para serviços

Valor real R$ 2.682Você paga R$ 0

12

Mentoria CEL.IA.DOS

6 encontros quinzenais ao vivo, de fevereiro a maio de 2027, sobre como vender serviços com IA, automações, sites e sistemas. Com gravação.

Valor real R$ 2.997Você paga R$ 0

13

DIP

Diagnóstico Individual Personalizado: um raio-X do seu momento e um plano sob medida, escrito por mim. Quem já fez ganha um novo.

Valor real R$ 2.997Você paga R$ 0

14

Mentoria Celado e Além

As gravações dos 12 encontros da mentoria focada em vendas de sites, com desafios práticos de execução.

Valor real R$ 6.997Você paga R$ 0

15

Imersão Web Galaxy

A gravação completa dos 2 dias de imersão, com processos reais e técnicas avançadas.

Valor real R$ 1.497Você paga R$ 0

Plataforma própria

EAD Celado

Feita do zero para entregar a melhor experiência de estudo da sua vida como web designer. Enquanto muitos cursos usam plataformas genéricas, a EAD Celado foi criada para organizar o seu aprendizado, acompanhar o seu progresso e liberar conteúdos novos de forma inteligente.

  • Trilhas de aprendizado com o seu progresso
  • Comentários e dúvidas em cada aula
  • Hub Celado: modelos de código, extensões, agentes de IA e calculadora de preço

Prova real

O que os alunos estão dizendo?

Aqui estão alguns dos resultados que alunos postaram na nossa comunidade exclusiva dos Celados.

  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade
  • Print de um aluno contando o resultado na comunidade

Investimento

Qual é o Valor do investimento?

  • Comunidade Celão Web vitalícia e as atualizações futuras
  • Módulo de Inteligência Artificial na criação de sites
  • OnFluxo, com os módulos futuros
  • 6 workshops ao vivo, com gravação
  • Mentoria CEL.IA.DOS, de fevereiro a maio de 2027
  • DIP, Diagnóstico Individual Personalizado

Oferta especial de Black Friday

De R$ 2.397 por 18x de

R$94,10

ou R$ 1.297 à vista no Pix ou no cartão

Comprar agora

Garantia de 7 diasPagamento seguro

Se você já é aluno ou ex-aluno, use o cupom CELADO com o mesmo e-mail que você usa para acessar a plataforma e o seu desconto será aplicado.

  • Gravações da Mentoria Celado e Além e da Imersão Web Galaxy
  • Agente Celado de IA e o Hub Celado
  • Modelos de briefing, proposta e contrato, checklist e Celão Box
  • 75 lives, 44 análises de sites e a comunidade no Discord
  • Plataforma de aulas própria

Garantia de 7 dias

Se, por qualquer motivo, você não ficar satisfeito com o conteúdo dentro de 7 dias após a compra, basta me mandar um e-mail e você terá 100% do seu dinheiro de volta. O risco está todo apenas nas minhas costas.

  1. 01Você entra hojeAcesso liberado na hora, a tudo.
  2. 02Usa por 7 diasAssiste, testa e aplica sem pressa.
  3. 03Não curtiu?Se não gostar, basta me avisar dentro do período de 7 dias de garantia incondicional.

Ainda está com Dúvidas?

Clique sobre a pergunta para visualizar a resposta.

Se a sua pergunta não estiver aqui, me chama no WhatsApp que eu mesmo te respondo.

Falar com o Marcelo no WhatsApp

Sim. Você tem acesso à Comunidade Celão Web e ao OnFluxo enquanto os cursos estiverem ativos, com todos os módulos, aulas e atualizações futuras. Sem anuidade, sem renovação e sem taxa escondida.

Use o cupom CELADO no checkout com o mesmo e-mail da plataforma. O sistema reconhece sozinho: quem é aluno ou ex-aluno paga R$ 797 e vira vitalício, e quem já é vitalício paga R$ 497 e recebe o OnFluxo e todos os bônus da Black.

É o meu curso novo de automações. Até o momento tem cerca de 61 aulas (aproximadamente 14 horas) e ainda entrará muitos outros novos conteúdos. No roteiro de módulos está assuntos como: WhatsApp, chatbots, agentes de IA, Make, e-mail marketing, como vender automações e mais! Esses conteúdos entram sem custo para quem estiver dentro desta promoção da Black Celado 2026.

São 6 workshops ao vivo, aos sábados, às 8h (horário de Brasília): 07/11, 21/11, 05/12, 19/12, 09/01 e 23/01. Todos ficam gravados na plataforma, no curso Workshops Especiais.

Uma mentoria em grupo, com 6 encontros quinzenais ao vivo que acontecerão entre fevereiro e maio de 2027, sobre como vender serviços com IA, automações, sites e sistemas. As datas são avisadas pelos canais oficiais e os encontros ficam gravados. É só para quem entrar nesta Black Celado de 2026.

Você responderá um formulário bem completo na plataforma. Eu analiso o seu momento e te envio um diagnóstico em PDF, com as minhas recomendações para você chegar nos seus resultados. Quem já fez o DIP numa compra anterior ganha um novo crédito para usar novamente.

Logo após a confirmação do pagamento, o sistema libera o acesso e envia os seus dados por e-mail. Se não encontrar, confira o spam ou a aba Promoções. Qualquer problema, é só me chamar no WhatsApp: (15) 99803-9899.

Serve para os dois. A estrutura é feita em trilhas de aprendizado, começando do absoluto zero e indo até o nível profissional, incluindo vendas, prospecção, IA e automações.

Não. Você aprende tudo do zero dentro da Comunidade. E, se quiser ir além, tem HTML, CSS, JavaScript, GSAP e os módulos de IA para criar sites e sistemas.

Pix ou cartão de crédito em até 18x, com juros (o valor total aparece no checkout antes de você confirmar). Dá para dividir em 2 cartões ou em cartão + Pix. Fica atento: ao escolher 18 parcelas, alguns bancos pedem confirmação no aplicativo.

Você tem 7 dias de garantia incondicional. É só enviar um e-mail para [email protected] pedindo o reembolso e eu devolvo 100% do valor pago, sem burocracia.

Este é o lote 1, e o valor pode mudar sem aviso. Se você quer entrar, o melhor momento é agora.

Quem vai te levar para a próxima fase?

Sou o Celão.

Há anos eu ensino profissionais a transformar conhecimento técnico em serviços que clientes reais pagam para ter.

Fiz isso com a criação de sites e agora estou fazendo o mesmo com IA, automações e sistemas: passei os últimos meses testando ferramentas e criando projetos para entender o que as empresas realmente precisam.

Não quero apenas te ensinar onde clicar, e sim a criar soluções que você pode vender!

InstagramYoutubeBehance

Eu vou para a próXima fase.
Você vem Comigo?

Não demore, o lote pode virar a qualquer momento sem prévio aviso!

Quero entrar na Black Celado 2026

© 2026 Marcelo Rocha Designer LTDA · CNPJ 30.157.488/0001-26Contrato e termos de uso[email protected]Modelo 3D do MacBook: “macbook pro M3 16 inch 2024”, de jackbaeten, licença CC BY 4.0 (adaptado). Modelo 3D da aliança: “The Ring: 1 carat”, de Evan, licença CC BY 4.0 (adaptado)

Garantir vaga

Lote 1 · 18x de R$ 94,10

Comunidade vitalícia, OnFluxo e bônus · garantia de 7 dias

Módulos e aulas

Tudo o que já está dentro da plataforma, trilha por trilha. Clique em um módulo para ver as aulas.

Fechar

Habilidades essenciais

Boas-vindas

  1. Apresentação e boas-vindas 5:57
  2. Como usar a Comunidade no Discord 8:10
  3. Como solicitar licenças 3:37
  4. Rota de aprendizado 7:57
  5. Como acelerar seu aprendizado 2, 3 ou múltiplas vezes (Extensão de Navegador) 6:09
  6. O que é necessário para um site estar no ar na internet? 15:39
  7. Como funciona um site por trás da parte visual 3:39
  8. Registrando um domínio 9:30
  9. Tipos de hospedagens 15:20
  10. Empresas de hospedagem e testes de latência 17:58
  11. O que é o WordPress e como ele funciona? 13:19
  12. O que é o Elementor e como ele funciona? 5:54
  13. Elementor Free e Elementor Pro 2:34
  14. LOCALWP: Usando o WordPress localmente 13:16
  15. Primeiro contato e prática com o Elementor 11:30
  16. DNS e Registros de DNS 24:43
  17. Lives complementares ao módulo

Hospedagem Compartilhada

  1. Introdução à hospedagem compartilhada 1:04
  2. Escolhendo e contratando uma hospedagem compartilhada 8:08
  3. Conhecendo o painel da hospedagem compartilhada 5:34
  4. Configurando DNS da Cloudflare na hospedagem compartilhada 12:35
  5. FTP e ferramentas úteis 13:03
  6. Instalando o WordPress através do instalador da hospedagem 5:54

Hospedagem VPS

  1. Introdução à hospedagem VPS 4:29
  2. Entendendo os recursos de uma VPS 22:46
  3. Empresas e planos de VPS 10:23
  4. Portas e protocolos 24:34
  5. Cadastro, configurações iniciais e suporte da Digital Ocean 17:28
  6. Conhecendo o painel da Digital Ocean 13:36
  7. Painéis de gerenciamento de VPS 4:03
  8. Instalando o WordPress na VPS [1ª MANEIRA: Instalação direta] 44:16
  9. Instalando o WordPress na VPS [2ª MANEIRA: WP Versão Openlitespeed] 7:59
  10. Gerenciando VPS com múltiplos sites WordPress [3ª MANEIRA: Forge Laravel] 17:37
  11. Gerenciando VPS com múltiplos sites WordPress [4ª MANEIRA: WHM e cPanel] 53:26
  12. Gerenciando VPS com múltiplos sites WordPress [5ª MANEIRA: CyberPanel] 32:42
  13. Chaves SSH 6:15
  14. Configurando chave SSH via Windows 11:55
  15. Configurando chave SSH via Linux ou MacOS 7:07
  16. Testes de carga [Stress test] 16:48
  17. E-mails na VPS 7:00
  18. Conhecendo e configurando o Zoho Mail 25:57

WordPress

  1. Introdução ao WordPress 10:33
  2. Painel inicial do WordPress 6:05
  3. Posts, categorias de posts e comentários 23:26
  4. Biblioteca de mídias 6:27
  5. Páginas 6:45
  6. Aparência, temas e menus 11:36
  7. Plugins 7:40
  8. Usuários 10:36
  9. Ferramentas 2:40
  10. Configurações 12:34
  11. Principais plugins 40:45
  12. Migração de sites com o plugin All In One WP Migration 13:54
  13. Backups automáticos e restauração com Updraft Plus 25:43
  14. Configurando o SMTP no site 11:01

Elementor

  1. Introdução ao Elementor 1:25
  2. O que é o Elementor? 2:34
  3. Como funcionam as licenças do Elementor? 6:02
  4. Elementor Free X Elementor Pro (E como ativar) 7:26
  5. Configurações do Elementor 22:13
  6. Recursos e experimentos 9:04
  7. Fontes personalizadas 14:38
  8. Ícones personalizados 10:33
  9. Códigos personalizados 8:49
  10. Modo responsivo e pontos de quebra personalizados 18:28
  11. Barra superior antiga X Barra superior nova 6:08
  12. Configurações do site 21:42
  13. Preferências do usuário 7:14
  14. Contato com a interface do Elementor 10:33
  15. Explorando os widgets básicos do Elementor 16:28
  16. Explorando os widgets do Elementor Pro 20:18
  17. Cores globais 11:27
  18. Fontes globais 7:02
  19. Widgets globais 3:56
  20. As três formas de trabalhar com layouts no Elementor 8:49
  21. Flexbox container 31:38
  22. Grid container 21:26
  23. Margin (margem) e padding (preenchimento) 8:11
  24. Ordem e ordem personalizada 6:21
  25. Unidades de medida no Elementor 33:05
  26. Popups no Elementor 29:02
  27. Tags dinâmicas 10:44
  28. Exibição condicional 32:23
  29. Modelos 20:02
  30. Construtor de temas, biblioteca de kits e categorias de modelos 6:42
  31. Exportar e importar modelos 15:41
  32. Copiar e colar elementos, páginas e estilos entre diferentes sites 6:07
  33. Posição absoluta e fixa 14:25
  34. Z-index 9:18
  35. Efeitos de movimento 40:28
  36. Transformar 5:45
  37. Máscaras 7:06
  38. Elementos aninhados 35:08
  39. Item, grade e carrossel de Loop 22:05
  40. Mega menu 22:23
  41. Explorador (Finder) 3:19
  42. Atalhos de teclado 7:20
  43. Habilitar / desabilitar widgets 2:53
  44. Addons para o Elementor 4:10
  45. Trabalhando com códigos no Elementor 8:04
  46. Editor V4 (Editor atômico) do Elementor 38:01
  47. Changelog e considerações finais 2:35
  48. Celado Grids – Instale agora esta extensão e veja como funciona nesta aula 27:33
  49. Lives complementares ao módulo

User Experience

Conceitos fundamentais
  1. Introdução ao módulo de UX – User Experience 3:35
  2. A parte mais importante do design de um site 10:42
  3. O que é UX Design? 29:40
  4. Diferenças entre UX Design e UI Design 10:14
  5. Os 3 níveis cognitivos e emocionais da experiência de usuário 36:50
  6. Design Centrado no Usuário 31:31
  7. Objetivos do produto e definição de persona 29:11
  8. Guarda-chuva de UX 5:01
UX Research
  1. UX Research – Significado e tipos 18:31
  2. Pesquisas Quali e Quanti 12:41
  3. Pesquisas qualitativas 6:21
  4. Pesquisas quantitativas 5:54
  5. Mapa de empatia 6:28
  6. Jornada do usuário 8:58
  7. Teste de usabilidade e validação de hipóteses 23:19
Arquitetura da informação & UX Writing
  1. Sitemaps e hierarquia de conteúdos 16:39
  2. Card Sorting 11:37
  3. Wireframes 9:51
  4. Microcopy, UX writing e conteúdo orientado à ação 27:13
As 10 heurísticas de Jakob Nielsen
  1. Heurísticas em UX 7:26
  2. 1 – Visibilidade do status do sistema 5:00
  3. 2 – Correspondência entre o sistema e o mundo real 10:31
  4. 3 – Controle e liberdade do usuário 8:16
  5. 4 – Consistência e padrões 10:19
  6. 5 – Prevenção de erros 7:15
  7. 6 – Reconhecimento em vez de memorização 5:36
  8. 7 – Flexibilidade e eficiência de uso 4:39
  9. 8 – Estética e design minimalista 7:57
  10. 9 – Ajudar os usuários a reconhecer, diagnosticar e recuperar erros 5:41
  11. 10 – Ajuda e documentação 6:02

User Interface

Conceitos iniciais
  1. Introdução ao módulo e requisitos (NÃO PULE) 1:46
  2. Evolução furacão 4:28
  3. O que é uma interface? 13:11
  4. O que é UI Design? 4:55
  5. Princípios de UI Design 11:38
  6. Exercício fundamental (e eterno) para melhorar seu olhar de design 13:38
Princípios do UI Design
  1. Simplicidade 20:31
  2. Equilíbrio e Balanceamento 40:08
  3. Alinhamento 55:04
  4. Respiro (white-space) e espaçamento 45:38
  5. Proximidade 16:59
  6. Hierarquia e Ênfase 48:11
  7. Contraste 47:48
  8. Repetição e Consistência 57:50
Cores no UI Design
  1. A ciência das cores no UI Design 11:48
  2. Psicologia das cores 14:29
  3. Círculo cromático 13:16
  4. Dimensões de cores 14:38
  5. Harmonias de cores 25:41
  6. Códigos de representações das cores 53:59
  7. Acessibilidade 44:32
  8. Funções de cores (Cores do sistema) 12:50
  9. Regra 60-30-10 21:28
  10. Pesos de cores 36:09
  11. Dominando o cinza 19:29
  12. Interfaces claras (Light mode) 19:08
  13. Interfaces escuras (Dark mode) 12:54
  14. Profundidade com cores 8:54
  15. Gradientes (Degradês) 45:43
Tipografia
  1. Tipografia e sua importância no UI 12:55
  2. Fundamentos da anatomia tipográfica 35:14
  3. Tipos de serifas 13:52
  4. Kerning, Tracking e Leading 25:47
  5. Comprimento de linha (Line length) 19:23
  6. Hierarquia tipográfica 12:49
  7. Tamanhos, proporções e escalas 33:19
  8. Escolhendo e combinando fontes 25:22
  9. ALL CAPS (UPPERCASE) 13:56
Grids
  1. Grids no UI 5:27
  2. Anatomia e tipos de grids 16:07
  3. Estruturas de grids 27:57
Componentes de UI
  1. Botões 52:04
  2. Inputs e formulários 1:10:23
  3. Ícones 1:42:17

Photoshop

Entendendo o Photoshop
  1. Introdução ao Photoshop 1:54
  2. Alternativas gratuitas ao Photoshop 3:14
  3. Contratando e instalando o Photoshop 8:19
  4. Tela inicial, configurações e preferências 11:30
  5. Criando um documento e entendendo tamanhos, resoluções e cores no Photoshop 36:38
  6. ERRATA: Quantidade de bits para trabalharmos (NÃO PULE ESTA AULA) 11:30
  7. Camadas (Layers) 5:48
  8. Pixel e vetor 5:54
  9. Área de trabalho, grupos e janelas (ou guias) 23:25
  10. Como importar imagens para dentro do Photoshop 8:13
  11. Como salvar imagens da forma correta 8:08
  12. Ferramentas e subferramentas 8:15
  13. Ferramentas (Parte 1) 23:50
  14. Ferramentas (Parte 2) 27:00
  15. Linhas-guia 18:03
  16. Modos de mesclagem 35:19
  17. Barra de tarefas contextual 4:58
  18. Estilos de camada 16:13
  19. Opacidade, preenchimento e grupos de camadas 9:16
  20. Máscaras de camada 8:23
  21. Objetos inteligentes 5:06
  22. Camadas de ajuste 11:25
  23. Máscaras de Recorte 8:25
  24. Filtros 16:25
  25. Camera RAW e filtro de dissolver 19:10
  26. Pincéis (Brushes) 15:04
  27. Ferramenta de texto 11:39
  28. Preenchimento generativo 12:22
  29. Plugins (e plugin de sombra) 13:19
  30. Amostras 3:13
  31. Atalhos de teclado 27:16
  32. Atalhos personalizados 11:31
Técnicas fundamentais
  1. Seleção automática e refinamento de bordas 10:18
  2. Selecionar assunto 1:08
  3. Seleção refinada de cabelos com “selecionar e mascarar” 9:38
  4. Recorte à partir do intervalo de cores 9:10
  5. Recortes de áreas desfocadas 8:08
  6. Dominando a pen tool 13:35
  7. Recorte com pen tool e demarcadores 15:13
  8. Recorte através dos canais RGB 13:41
  9. Luz e sombra 5:56
  10. Highlights, Midtones e Shadows 8:32
  11. Tipos e focos de luzes 14:47
  12. Como manipular a luz e a sombra 9:21
  13. Reforçando a Key Light de uma foto 13:49
  14. Criando a Fill Light 19:25
  15. Criando a Trim Light 20:55
  16. O que NÃO É luz 8:35
  17. Criando pré-definições de documentos e de grids 16:28
  18. Composição de imagens de fundo 9:18
  19. Cores e ambientação 17:07
  20. Perspectiva atmosférica 20:39
  21. Removendo cravos, espinhas e imperfeições da pele 5:50
  22. Como clarear dentes 5:39
  23. Correção de tons de pele (Colorimetria) 13:50
  24. Tratamento de pele profissional usando frequências 23:49
  25. Diminuindo olheiras 7:56
  26. Usando a inteligência artificial no tratamento de pele 9:07
  27. Criando efeito de Dodge and Burn 10:41
  28. Como criar cabelo fake 19:50
  29. Como mudar a cor de objetos 16:19
  30. Como melhorar a qualidade de imagens ruins 18:04
  31. Ambientação de luzes, sombra, profundidade e contraste 27:39
Mão na massa
  1. Como usar o Pack CELADO de overlays 5:14
  2. Intruções para seção de ‘mão na massa’ 1:46
  3. BG LP Advogados (Realista) 46:41

Figma

Figma Básico
  1. O que é e para quê serve o Figma? 8:19
  2. Conhecendo os planos e fazendo o cadastro no FIgma 8:04
  3. Como solicitar o plano educacional por 12 meses 4:55
  4. Conhecendo e configurando a tela inicial 9:37
  5. Conhecendo a área de trabalho e ferramentas principais do Figma 56:01
  6. Explorando um pouco mais as ferramentas e suas propriedades 53:24
  7. Gerenciando o compartilhamento de projetos 15:41
  8. Alinhamento (Alignment) e Restrições (Constraints) 12:39
  9. Máscaras de recorte (Clip-mask) 12:05
  10. Grupos Booleanos (Boolean groups) 8:07
  11. Cores e modos de mesclagem 15:09
Figma Intermediário
  1. Definições de tipografia 22:18
  2. Grids 3:02
  3. Estilos locais (Local styles) 34:27
  4. Aviso importante sobre estilos locais (Local styles) 0:49
  5. Layout automático (Auto-layout) – Fundamentos iniciais 25:13
  6. Layout automático (Auto-layout) – Alinhamentos e posicionamento absoluto 14:31
  7. Layout automático (Auto-layout) – Quebra de linha (Wrap) 17:33
  8. Layout automático (Auto-layout) – Largura mínima e máxima (Min-width e max-width) 14:51
  9. Layout automático (Auto-layout) – Boas práticas 32:42
  10. Layout automático (Auto-layout) – Texto livre (Freeform) 5:17
  11. Layout automático (Auto-layout) – Grade (Grid) 50:24
  12. Componentes e variantes 33:15
Figma Avançado
  1. Prototipagem – Navegação 23:03
  2. Prototipagem – Animações 33:43
  3. Prototipagem – Comportamento de rolagem (Scroll behavior) 19:38
  4. Prototipagem – Figma Mirror e Previsualização 3:54
  5. Variáveis – Introdução e tipos 41:07
  6. Variáveis – Modos 6:37
  7. Variáveis – Tokens 30:18
  8. Plugins e recursos da comunidade 1:21:26
Prática e outros recursos
  1. Criando e manipulando ícones 45:42
  2. Manipulação de imagem no Figma 43:10
  3. Guia de estilo, design system e UI kit 19:41
  4. Guia de estilo (Parte 1) 2:53:27
  5. Starter file – Variáveis primitivas 50:57
  6. Starter file – Tokens 1:12:32
  7. Guia de estilo (Parte 2) 1:18:28
  8. Guia de estilo (Parte 3) 1:37:38
  9. Starter File (Ajustes finais de tokens e vinculações) 1:23:43
  10. FigJam 23:51
  11. Figma Slides 38:59
  12. Figma Buzz 27:57
  13. Figma Sites 54:36
  14. Figma Make 19:55
  15. Trabalhando com mockups no Figma 12:12
  16. Como usar o Figma para fazer posts e carrosséis para o Instagram 28:57

Otimização de Performance

  1. Introdução ao módulo de otimização 3:40
  2. Por que você deve se preocupar com a otimização dos sites 15:08
  3. Como as notas de performance são formadas? 9:42
  4. Métricas do Core Web Vitals 19:25
  5. Outras métricas do Web Vitals 21:12
  6. Como medir a velocidade de um site? 13:53
  7. O que deixa um site feito em WordPress lento? 1:03:51
  8. Hospedagem 3:09
  9. Otimização de fontes 28:32
  10. Conceito de webserver 20:11
  11. Conceito de cache 14:51
  12. Aba Waterfall 49:10
  13. Configurações básicas e limpeza do WordPress 21:24
  14. Boas práticas de desenvolvimento 13:08
  15. Cache da aplicação (WP Rocket) 1:16:26
  16. Vinculando a Cloudflare com o WPRocket 3:32
  17. Minificando o código HTML do site 1:58
  18. Otimização de vídeos 12:38
  19. Otimização de imagens 28:25
  20. AVIF: O novo formato otimizado para imagens 1:46
  21. Pré-carregamento 37:54
  22. Configurando o cache da CDN (Cloudflare) 13:02
  23. Atualização de configuração na Cloudflare (Cache da CDN) 11:01
  24. Como testar um site no Pagespeed da forma correta 7:03
  25. Teste e dicas finais 7:21

Projetos na prática

Página de links (Modelo 1)

Planejamento e Figma
  1. Introdução – O que é uma página de links 1:43
  2. Buscando por referências e inspirações 25:03
  3. Gerando a fotografia virtual 7:51
  4. Criando o Wireframe 22:29
  5. Criação da imagem de fundo no Photoshop 51:52
  6. Adaptando a imagem para o tablet e celular 13:32
  7. Criando as capas dos links 1:10:26
Implementação no Elementor
  1. Exportação dos Assets 5:30
  2. Repassando página para o Elementor 18:34
  3. Adaptando para outras telas (responsivo) 16:05
  4. Ajustando para o mobile portrait (celular retrato) 23:17
  5. Finalizando e aplicando efeitos especiais com códigos 9:08

Página de links (Modelo 2)

Planejamento e Figma
  1. Ajustando a capa do projeto no Figma 6:03
  2. Montando o wireframe 10:06
  3. Prototipando no Figma 21:18
Implementação no Elementor
  1. Implementando a página no Elementor 23:34
  2. Ajustando para os outros tamanhos de dispositivos (responsivo) 20:19

Página de links (Modelo 3 – Avançado)

Planejamento no Figma e Photoshop
  1. Wireframe no Figma 31:12
  2. Edição do fundo e prototipagem inicial 28:10
  3. Editando as capas dos links no Photoshop (Parte 1) 45:24
  4. Editando as capas dos links no Photoshop (Parte 2) 30:50
Implementação no Elementor
  1. Iniciando a implementação da página 15:01
  2. Ajustando o fundo e a imagem principal 44:18
  3. Diagramando a página 17:26
  4. Continuando a diagramação da página 13:42
  5. Ajustando para todos os dispositivos (responsividade) 1:02:59
  6. Retoques e efeitos finais 21:02

Página de captura e obrigado

Planejamento e Figma
  1. O que é uma página de captura e obrigado? 12:03
  2. Buscando ideias e referências 6:10
  3. Elaborando o tema e copy da página 15:57
  4. Criando a personagem da página com Inteligência Artificial 11:56
  5. Duplicando o starter file e aplicando a capa 2:16
  6. Criando a logo, ajustando guia de estilo e aplicando na capa 21:24
  7. Concluindo a adaptação do guia de estilo 9:01
  8. Sugestão de blocagem inicial com Inteligência Artificial 6:06
  9. Wireframe da ‘Seção Hero’ para Desktop 12:01
  10. Wireframe da ‘Seção Cronograma’ para Desktop 19:55
  11. Wireframe da ‘Seção Frase de Impacto’ para Desktop 5:07
  12. Wireframe da ‘Seção Sobre a Professora’ para Desktop 9:20
  13. Adaptando o wireframe para o tablet 19:16
  14. Adaptando o wireframe para o celular (mobile) 17:56
  15. Fazendo o wireframe da página de obrigado 10:13
  16. Fazendo o background para Desktop no Photoshop 23:35
  17. Adaptando o background para o tablet no Photoshop 7:42
  18. Adaptando o background para o celular (mobile) no Photoshop 6:11
  19. Ajustando o estilo da hero no protótipo de desktop 9:26
  20. Adaptando o estilo do protótipo para tablet e celular (mobile) 7:04
  21. Iniciando a edição da ‘Seção de Cronograma’ 17:19
  22. Criando o componente de ‘Polaroid’ da ‘Seção de Cronograma’ 13:53
  23. Ajustando a ‘Seção Frase de Impacto’ junto com as cores da ‘Seção de Cronograma’ 10:57
  24. Fazendo a ‘Seção Sobre a Professora’ 24:08
  25. Rodapé e ajustes finais no desktop 6:06
  26. Adaptando ‘Seção de Cronograma’ para tablet 5:31
  27. Adaptando ‘Seção de Frase de Impacto’ para tablet 3:23
  28. Adaptando a ‘Seção Sobre a Professora’ para o tablet 9:00
  29. Adaptando a ‘Seção de Cronograma’ para o celular (mobile) 5:25
  30. Adaptando a ‘Seção de Frase de Impacto’ para o celular (mobile) 2:59
  31. Adaptando a ‘Seção Sobre a Professora’ e o rodapé para o celular (mobile) 7:40
Implementação no Elementor
  1. Configurações e ajustes iniciais do WordPress e Elementor 28:07
  2. Uma decisão importante para as próximas aulas 1:02
  3. Início da implementação da ‘Seção Hero’ para desktop 24:42
  4. Conclusão da implementação da ‘Seção Hero’ para desktop 22:22
  5. Ajustando a responsividade da ‘Seção Hero’ para wide, notebook e tablet 19:41
  6. Ajustando a responsividade ‘Seção Hero’ para celular (mobile) 45:24
  7. Iniciando a ‘Seção de Cronograma’ e criando o subtítulo dela 25:28
  8. Concluindo a ‘Seção de Cronograma’ para desktop 21:11
  9. Adaptando a ‘Seção de Cronograma’ para o tablet (paisagem e retrato) 36:40
  10. Adaptando a ‘Seção de Cronograma’ para o celular (mobile) paisagem e retrato 27:21
  11. Criando a ‘Seção de Frase de Impacto’ no desktop 20:19
  12. Adaptando a ‘Seção de Frase de Impacto’ para notebook e tablet (paisagem e retrato) 9:28
  13. Adaptando a ‘Seção de Frase de Impacto’ para celular – mobile (paisagem e retrato) 21:26
  14. Iniciando a implementação da ‘Seção Sobre a Professora’ para desktop 20:03
  15. Concluindo a ‘Seção Sobre a Professora’ e rodapé para desktop 29:27
  16. Adaptando a ‘Seção Sobre a Professora’ e rodapé para tablet 10:02
  17. Adaptando a ‘Seção Sobre a Professora’ e rodapé para celular (paisagem e retrato) 22:06
  18. Aplicando micro-animações e efeitos especiais 1:03:11
Página de obrigado, integrações e traqueamento
  1. Fazendo o protótipo da página de obrigado no Figma 11:38
  2. Implementando a ‘Página de Obrigado’ para Desktop 19:37
  3. Ajustando a responsividade da ‘Página de Obrigado’ para todas as resoluções 14:45
  4. Ações após envio – O meio de trânsito dos dados em formulários do Elementor 6:20
  5. Coletar envios (Collect Submissions) 5:38
  6. Redirecionar (Redirect) 7:59
  7. Metadados do ‘Coletar envios’ (Collect Submissions Metadata) 3:59
  8. E-mail e E-mail 2 10:55
  9. Webhook – o ‘Gancho da Internet’ 8:48
  10. Como funcionam as ferramentas de e-mail marketing? Conceitos fundamentais 13:25
  11. Como integrar o formulário do Elementor com o ActiveCampaign 15:35
  12. Como integrar o formulário do Elementor com o MailChimp 15:55
  13. É possível integrar o formulário do Elementor com planilhas do Google? 0:48
  14. Como integrar o formulário do Elementor com o Google Sheets (Planilhas) 31:12
  15. Testes de Webhook 11:41
  16. Métodos de envio de dados: GET 13:30
  17. Métodos de envio de dados: POST 9:20
  18. Usando o Método GET para personalizar o nome do lead na página de obrigado 8:14
  19. Por que o formulário do Elementor não envia um campo personalizado através do Método POST de forma nativa 1:58
  20. Traqueamento (Tracking) – Conceitos fundamentais 6:48
  21. UTMs – O que são? Como funcionam? 8:56
  22. O que significa cada um dos parâmetros das UTMs 15:37
  23. Ferramentas para criação automática de URLs com UTMs 3:09
  24. Como configurar UTMs em formulários do Elementor 27:04
  25. Criando os campos de UTM no ActiveCampaign e MailChimp e vinculando-os com formulário do Elementor 15:04
  26. Como salvar os campos de UTM de um formulário do Elementor no Google Planilhas (e também a data/hora) 15:46
  27. O Problema: UTMs erradas quando há cache 7:59
  28. Testes e solução para o problema de UTMs em cache 35:15
  29. Corrigindo URL de teste 5:07
  30. Resolvendo bug de UTMs não aparecerem na integração entre Elementor e ActiveCampaign 22:46
Replicando página com o editor atômico V4
  1. Introdução ao submódulo e criação das novas páginas 4:05
  2. Replicando a página de obrigado na resolução de desktop 57:02
  3. Ajustando a página de obrigado para todos os outros dispositivos 36:33
  4. Recriando a ‘Seção Hero’ da página de captura no Editor Atômico V4 44:27
  5. Ajustando a ‘Seção Hero’ da página de captura para todos os outros dispositivos 30:40
  6. Criando e adaptando a ‘Seção de Cronograma’ para todas as resoluções 56:35
  7. Criando e adaptando a ‘Seção de Frase de Impacto’ para todas as resoluções 13:50
  8. Criando a ‘Seção de Sobre a Professora’ para desktop com o Editor Atômico V4 30:47
  9. Criando o rodapé no Editor Atômico V4 e ajustando para todas as resoluções 18:13
  10. Adaptando a ‘Seção de Sobre a Professora’ para todas as demais resoluções 27:06
  11. Inserindo o efeito de textura de pontinhos e sobreposição inferior 6:36
  12. Adaptação do efeito de focus / active no formulário e encerramento do módulo 9:14
  13. Adicional: Criando as thumbs de cada aula usando Photoshop e Inteligência Artificial 47:44

Site Institucional Multi Page

Introdução e planejamento inicial
  1. Introdução ao módulo, escolha do nicho e definição inicial das páginas do site 5:27
  2. Um aviso importante sobre a forma como trabalharemos neste módulo 2:33
  3. Buscando e salvando referências / inspirações para o nosso projeto 15:55
  4. Prompt inicial para elaboração das copys das páginas 9:50
  5. Definindo e refinando a copy da página inicial 12:07
  6. Continuando na lapidação da copy 7:54
  7. Sugestão de blocagem inicial das páginas do site usando Figma Make 20:55
  8. Criando ideia inicial do logo usando Figma e Inteligência Artificial 14:39
  9. Escolhendo a tipografia do logo e criando suas variações 9:08
Wireframe no Figma
  1. Escolha da paleta de cores e ajustes nas variáveis do projeto 16:43
  2. Escolha das fontes do projeto e ajustes nas variáveis e guia de estilo 14:10
  3. Adaptando cores do guia de estilo à paleta do projeto 6:21
  4. Definindo os componentes e variantes do logo 23:19
  5. Adaptando as cores sólidas do guia de estilo à paleta do projeto 8:08
  6. Adaptando também os degradês do guia de estilo 11:04
  7. Criando o componente de imagem 6:14
  8. Criando o componente do menu superior 16:14
  9. Wireframe da ‘Seção Hero’ da página inicial 14:16
  10. Construindo o wireframe da segunda e da terceira seção da home 21:51
  11. Wireframe da ‘Seção dos Procedimentos’ para desktop 24:59
  12. Corrigindo hierarquia e texto de botões 3:59
  13. Wireframe da ‘Seção de Resultados’ com ‘antes e depois’ da página inicial 13:01
  14. Wireframe da ‘Seção de Atendimento Personalizado’ e ‘Frase de Impacto’ da página inicial 4:41
  15. Criando o componente do rodapé e retoques finais do wireframe da página inicial 20:54
  16. Atualizando a capa do projeto com o que temos até o momento 3:52
  17. Adaptando componente do menu para a resolução de tablet 9:01
  18. Adaptando wireframe das demais seções da página inicial junto com rodapé para resolução de tablet 27:30
  19. Ajustando as grids do projeto para VW no guia de estilo 9:04
  20. Adaptando o cabeçalho e o rodapé do wireframe para o celular 11:33
  21. Adaptando todas as seções da página inicial do wireframe para a resolução de celular 25:55
  22. Criando versão alternativa para o cabeçalho do celular (menu inferior fixo) 19:28
  23. Criando o wireframe da ‘Página Sobre a Clínica’ para desktop 38:48
  24. Adaptando o wireframe da ‘Página Sobre a Clínica’ para o tablet 20:41
  25. Adaptando o wireframe da ‘Página Sobre a Clínica’ para o celular 17:53
  26. Criando o wireframe da ‘Página Nossos Serviços’ para desktop 10:49
  27. Adaptando o wireframe da ‘Página Nossos Serviços’ para o tablet 4:52
  28. Adaptando o wireframe da ‘Página Nossos Serviços’ para o celular 7:08
  29. Criando o wireframe da ‘Página Botox’ para desktop 28:34
  30. Adaptando o wireframe da ‘Página Botox’ para o tablet 12:01
  31. Adaptando o wireframe da ‘Página Botox’ para o celular 12:11
  32. Criando o wireframe da ‘Página Preenchimento Labial’ para desktop 13:01
  33. Adaptando o wireframe da ‘Página de Preenchimento Labial’ para o tablet 5:38
  34. Adaptando o wireframe da ‘Página Preenchimento Labial’ para o celular 6:23
  35. Criando o wireframe da ‘Página Limpeza de Pele’ para desktop 5:23
  36. Adaptando o wireframe da ‘Página Limpeza de Pele’ para o tablet 3:07
  37. Adaptando o wireframe da ‘Página Limpeza de Pele’ para o celular 5:15
  38. Criando o wireframe da ‘Página Harmonização Facial’ para desktop 6:13
  39. Adaptando o wireframe da ‘Página Harmonização Facial’ para o tablet 5:15
  40. Adaptando o wireframe da ‘Página Harmonização Facial’ para o celular 6:48
  41. Criando o wireframe da ‘Página Resultados’ para desktop 18:48
  42. Adaptando o wireframe da ‘Página Resultados’ para o tablet 7:48
  43. Adaptando o wireframe da ‘Página Resultados’ para o celular 6:21
  44. Criando o wireframe da ‘Página Contato’ para desktop 22:20
  45. Adaptando o wireframe da ‘Página Contato’ para o tablet 7:20
  46. Adaptando o wireframe da ‘Página Contato’ para o celular 6:24
  47. Criando o wireframe da ‘Página FAQ’ para desktop 15:08
  48. Adaptando o wireframe da ‘Página FAQ’ para o tablet 7:04
  49. Adaptando o wireframe da ‘Página FAQ’ para o celular 5:44
Prototipagem no Figma
  1. Cabeçalho da versão desktop 19:10
  2. Rodapé da versão desktop 17:35
  3. Elementos da Hero da ‘Página Principal’ versão desktop 14:29
  4. Criando a imagem de fundo da Hero inicial versão desktop com Inteligência Artificial e Photoshop 32:11
  5. Prototipando ‘Seção Mais do Que Estética’ e refinando a hero da página inicial 13:51
  6. Prototipando a seção ‘Por Que Escolher a Essenza?’ para desktop 33:10
  7. Definindo o estilo do divisor de seção mesclado 3:44
  8. Prototipando a ‘Seção de Procedimentos’ da página inicial 23:11
  9. Seção de ‘Resultados (Antes e Depois)’ para desktop 41:37
  10. Prototipando a ‘Seção de Atendimento Especializado’ e criando a imagem dela com Inteligência Artificial e Photoshop 20:05
  11. Prototipando a ‘Seção Frase de Impacto’ da página inicial para desktop 8:24
  12. Inserindo elementos flutuantes ornamentais na hero (pétalas de rosas) 25:35
  13. Redefinindo novamente a imagem de capa do projeto no Figma de forma definitiva 2:57
  14. Iniciando a página ‘Sobre a Clínica’ e definindo os elementos do menu superior como componentes 14:22
  15. Prototipando o banner do topo da página para desktop 11:28
  16. Seção que descreve a clínica e ‘Missão, Visão e Valores’ para desktop 26:03
  17. Criando foto da Dra. Helena, prototipando sua seção e iniciando ‘Seção da Equipe’ 15:58
  18. Fazendo o protótipo dos cards do carrossel da equipe e gerando suas imagens com Spaces do Magnific (Antigo Freepik) 35:31
  19. Prototipando ‘Seção do Ambiente’, gerando imagens para o Bento Grid e fazendo a ‘Seção Frase de Impacto’ 9:00
  20. Prototipando a ‘Página Nossos Serviços’ para desktop 8:25
  21. Concluindo a prototipagem da ‘Página Nossos Serviços’ para desktop 20:32
  22. Prototipando a ‘Página Botox’ para desktop 14:18
  23. Concluindo a prototipagem da ‘Página Botox’ para desktop 21:11
  24. Prototipando a ‘Página Preenchimento Labial’ para desktop 8:54
  25. Concluindo a prototipagem da ‘Página Preenchimento Labial’ para desktop 10:47
  26. Prototipando a ‘Página Limpeza de Pele’ para desktop 6:12
  27. Concluindo a prototipagem da ‘Página Limpeza de Pele’ para desktop 11:39
  28. Prototipando a ‘Página Harmonização Facial’ para desktop 6:10
  29. Concluindo a prototipagem da ‘Página Harmonização Facial’ para desktop 9:00
  30. Ajustando estilo dos breadcrumbs das subpáginas 7:19
  31. Ajustando estilo dos banners das outras páginas 9:18
  32. Prototipando a ‘Página de Resultados (Antes e Depois)’ para desktop 7:35
  33. Concluindo a prototipagem da ‘Página de Resultados (Antes e Depois)’ para desktop 15:45
  34. Prototipando a ‘Página de Contato’ para desktop 15:01
  35. Prototipando a ‘Página FAQ – Perguntas Frequentes’ para desktop 5:11
  36. Configurando a interatividade das páginas à partir do menu superior no cabeçalho 7:19
  37. Interatividade das páginas à partir de botões e links do rodapé 13:44
Implementação no Elementor
  1. Configurações iniciais no WordPress, Elementor e Starter Celado 13:20
  2. Implementando o cabeçalho do site para desktop 22:14
  3. Criando o estilo do botão que será usado no site 19:12
  4. Corrigindo bug de espaçamentos no menu do cabeçalho 4:06
  5. Criando e estilizando o rodapé do site para desktop 27:37
  6. Diagramando a implementação da ‘Seção Hero’ da ‘Página Inicial’ para desktop 29:24
  7. Ajustando estilo do botão secundário e aplicando sombra (box-shadow) no conteiner principal da ‘Seção Hero’ 9:37
  8. Implementando os elementos flutuantes ornamentais de pétalas de rosas no desktop 33:00
  9. Aplicando efeitos de movimento com rastreamento do mouse nos elementos flutuantes da hero 4:14
  10. Alterando a cor de seleção dos elementos da página com ‘selection’ 3:27
  11. Implementando ‘Seção Mais do que Estética’ e ‘Por que escolher a Essenza’ da Página Inicial para desktop 43:38
  12. Implementando a ‘Seção de Procedimentos’ da página inicial para desktop 47:08
  13. Implementando a ‘Seção de Resultados’ e o ‘Slider Comparativo’ na página inicial para desktop 43:01
  14. Implementando a ‘Seção de Atendimento Especializado’ e ‘Frase de Impacto’ para desktop 24:39
  15. Implementando o menu do cabeçalho para versão de tablet 40:09
  16. Iniciando a criação do menu fixo inferior para celular 26:55
  17. Finalizando o menu fixo inferior para celular 50:43
  18. Adaptando o rodapé do site para as outras resoluções (responsivo) 28:08
  19. Adaptando a ‘Seção Hero’ da ‘Página Inicial’ para as outras resoluções (responsivo) 59:50
  20. Adaptando a imagem de fundo da Hero para as outras resoluções usando o Photoshop 16:31
  21. Adaptando a ‘Seção Mais do que Estética’ da página inicial para as outras resoluções (responsivo) 28:39
  22. Adaptando a ‘Seção Por Que Escolher a Essenza?’ da página inicial para as outras resoluções (responsivo) 9:36
  23. Adaptando a ‘Seção de Procedimentos’ da página inicial para as outras resoluções (responsivo) 22:52
  24. Adaptando a ‘Seção de Resultados’ da página inicial para as outras resoluções (responsivo) 29:29
  25. Adaptando a ‘Seção de Atendimento Especializado’ da página inicial para as outras resoluções (responsivo) 28:16
  26. Adaptando a ‘Seção Frase de Impacto’ da página inicial para as outras resoluções (responsivo) 8:41
  27. Duplicando as páginas e editando as configurações do menu do site 4:42
  28. Implementando a ‘Seção do Banner’, ajustando para todas resoluções e replicando para outras páginas 26:05
  29. Implementando a ‘Seção de Frase de Impacto’, ajustando para todas resoluções e replicando para outras páginas 12:05
  30. Implementando a ‘Seção Inicial’ da ‘Página Sobre a Clínica’ para todas as resoluções 24:41
  31. Implementando a ‘Seção de Missão, Visão e Valores’ da ‘Página Sobre a Clínica’ para todas as resoluções 29:33
  32. Implementando a ‘Seção da Dra Helena’ da ‘Página Sobre a Clínica’ para todas as resoluções 18:28
  33. Implementando a ‘Seção do Carrossel da Equipe’ para desktop 44:22
  34. Adaptando a ‘Seção do Carrossel da Equipe’ para as outras resoluções (responsivo) 19:21
  35. Montando o Bento Grid da ‘Seção de Fotos da Clínica’ para desktop 20:33
  36. Criando o popup de lightbox que exibirá as fotos da galeria 22:21
  37. Fazendo as imagens do lightbox mudarem conforme o elemento que foram clicadas 6:55
  38. Adaptando o Bento Grid da ‘Seção de Fotos da Clínica’ para todas as resoluções (responsivo) 8:52
  39. Adaptando o popup de lightbox para todas as resoluções (responsivo) 8:00
  40. Implementando a ‘Página de Serviços’ e adaptando ela para todas as resoluções (responsivo) 22:34
  41. Implementando a ‘Seção de Antes e Depois’ e ‘Depoimentos’ da Página de Resultados e adaptando elas para todas as resoluções (responsivo) 18:45
  42. Implementando a ‘Seção de Cada Paciente é Única’ da Página de Resultados e adaptando ela para todas as resoluções (responsivo) 24:15
  43. Implementando a ‘Página de Contato’ para desktop 34:12
  44. Adaptando a ‘Página de Contato’ para as outras resoluções (responsivo) 13:40
  45. Implementando a ‘Página de FAQ’ e adaptando ela para as outras resoluções (responsivo) 22:22
  46. Implementando a ‘Página Botox’ para desktop 44:38
  47. Adaptando a ‘Página Botox’ para as outras resoluções (responsivo) 22:51
  48. Implementando a ‘Página Preenchimento Labial’ e adaptando ela para as outras resoluções (responsivo) 23:32
  49. Implementando a ‘Página Limpeza de Pele’ e adaptando ela para as outras resoluções (responsivo) 10:16
  50. Implementando a ‘Página Harmonização Facial’ e adaptando ela para as outras resoluções (responsivo) 13:22
  51. Corrigindo detalhes do menu dropdown para notebook, desktop e wide 22:33
  52. Corrigindo linkagem do rodapé e do menu de tablet 18:11
  53. Aplicando estado de ativo nas opções do menu mobile fixo e criando botão flutuante do Whatsapp 27:57
  54. Linkagem final de todos os botões restantes no site e criação do favicon 15:50

Site One Page

  1. Introdução ao Módulo de Site Institucional
  2. Referência de estrutura
  3. Introdução ao Figma
  4. Área de trabalho inicial do Figma
  5. Barra de ferramentas do Figma
  6. Conceito de camadas
  7. Conceito de páginas
  8. Definindo a imagem de capa do projeto
  9. Salvando as referências de trabalhos
  10. Criando o guia de estilo do site
  11. Configurando as grids para cada resolução
  12. Plugin Feather Icons para Figma
  13. Criando o cabeçalho do site no Figma
  14. Criando o rodapé do site no Figma
  15. Criando a sessão “início” do site
  16. Criando a sessão “quem somos” do site
  17. Criando a sessão “nossos tratamentos” e “depoimentos” do site
  18. Criando a sessão de “contato” do site
  19. Finalizando Thumbnail (Capa) do projeto
  20. Configurando ambiente no Elementor
  21. Repassando cabeçalho para desktop
  22. Repassando cabeçalho para tablet e mobile
  23. Repassando o rodapé
  24. Criando a sessão “início” do site
  25. Criando a sessão “quem somos” do site
  26. Resolvendo problema de rolagem lateral da página
  27. Resolvendo problema com links permanentes e definindo página inicial
  28. Criando as sessões “nossos tratamentos” e “depoimentos”
  29. Criando a sessão de “banner”
  30. Criando a sessão de “contato”
  31. Linkando opções do menu com sessões do site
  32. Linkando botões com sessões do site
  33. Definindo o favicon do site
  34. Criando o menu mobile com popup

WooCommerce

  1. Introdução ao módulo de Woocommerce
  2. Pré-requisitos
  3. O que é um e-commerce?
  4. Passos iniciais (NÃO PULE)
  5. Domínio e hospedagem
  6. Configuração do WordPress, temas e instalação do Woocommerce
  7. Estrutura inicial e wireframe
  8. Criando o cabeçalho padrão do site
  9. Criando o rodapé padrão do site
  10. Criando e configurando o banner rotativo da página inicial
  11. Montando a estrutura da página inicial
  12. Colocando selos de segurança e banner do meio da página
  13. Ajustando responsividade da página inicial
  14. Criando as páginas institucionais do e-commerce
  15. Criando a página de produto
  16. Criando a página de categorias de produtos
  17. Criando a página de loja (todos os produtos)
  18. Criando a página de resultados de pesquisa
  19. Configurações do Woocommerce
  20. Configurações de frete (Frenet)
  21. Configurações de pagamento (MercadoPago)
  22. Personalizando a página de carrinho
  23. Personalizando a página de checkout (finalização de compra)
  24. Criando e configurando a página de obrigado
  25. Tipos e cadastro de produtos
  26. Ajustando página de produtos para variáveis e grupos
  27. Cupons no Woocommerce
  28. Abas administrativas do Woocommerce
  29. Criando a página de Lista de Favoritos (AVISO: LEIA A DESCRIÇÃO DA AULA)
  30. Criando a página minha conta / login
  31. Ajustando cabeçalho, configurando carrinho e criando menu popup para o celular
  32. Cabeçalho e rodapé de checkout
  33. Plugins do e-commerce: SSL
  34. Plugins do e-commerce: Backups automáticos
  35. Plugins do e-commerce: Cookies (1)
  36. Plugins do e-commerce: Cookies (2)
  37. Plugins do e-commerce: Segurança

Inteligência Artificial

Fundamentos da IA

  1. Introdução aos Fundamentos da IA 16:33
  2. O que é a IA? 13:40
  3. LLMs 15:29
  4. IA Generativa 3:35
  5. Modelos de IA 11:01
  6. Tokens 28:59
  7. Prompts 33:43
  8. Memória e Contexto (Janela de contexto) 15:37

Claude

Ecossistema e instalação
  1. Entendendo o Ecossistema do Claude 8:27
  2. Claude Design e Extensão para navegador 3:35
  3. Instalação do aplicativo do Claude 5:59
  4. Instalação do Claude Code via Terminal (CLI) 14:21
  5. Instalação da extensão do Claude Code através do VS Code (IDE) 8:05
  6. Configurações do Claude (NÃO PULE) 22:52
  7. Primeira experiência usando o Claude Code 20:02
Controle e Comportamento do Claude
  1. Modos de permissão 19:40
  2. Effort, Thinking & Fast Mode (Esforço, Pensamento Estendido & Modo Rápido) 17:58
  3. Comandos em Barra (Slash Commands) 23:34
  4. CLAUDE.md – A memória persistente com regras do projeto 42:42
  5. Hierarquia e Compartilhamento do CLAUDE.md 36:30
  6. Diretório ‘.claude’: A central de controle do Claude 41:57
  7. Skills – Habilidades Poderosas que você dá ao Claude 1:00:16
  8. Tools (Ferramentas) 11:22
  9. Agents (Subagents) básicos 11:47
  10. Agents (Subagents) Especializados e treinados 17:34
  11. Hooks (‘Gatilhos’ ou ‘Ganchos’) para ações 22:15
  12. Conectores MCP 39:27
  13. Como instalar conectores MCP 3:52
  14. Gerenciamento de sessões e contexto 12:13
  15. Loops – Trabalhe por ciclos 27:28
Uso do Claude no dia-a-dia
  1. Servidor local: XAMPP 10:25
  2. Instalação e funcionamento do XAMPP (Windows, Linux e Mac) 12:34
  3. Conectando o Claude à pasta local do XAMPP 3:38
  4. Como criar e editar sites em WordPress com o Claude (Do jeito certo) 24:05
  5. Como criar plugins para o WordPress com o Claude 47:49
  6. Refinando o plugin 25:48
  7. Versionamento local básico (Git) 25:37
  8. Versionamento na nuvem básico (GitHub) 25:06
  9. Versionamento: mais comandos 8:48
  10. Skill: Chrome Devtools (Deixe o Claude mexer no navegador Google Chrome) 9:19
  11. Skill: Caveman (Economize cerca de 65% de tokens) 12:08
  12. Skill da Anthropic para Front-End 10:42
  13. Skill: UI UX Pro Max 8:55
  14. Skill: Superpowers 19:32
  15. Skill: Find-skills (Para te ajudar a encontrar as skills que você desejar) 6:23
  16. Skill: Copywriting (Escrita de textos persuasivos de forma humanizada) 11:54
  17. Skill: Shadcn (Biblioteca de componentes UI) 7:24
  18. Testando outra skill de UI e clonando seus componentes para widgets do Elementor 15:54
  19. Como conectar o Claude no servidor online e deixar ele mexer direto na hospedagem 21:16
  20. Criação de skill assistida com gravação de tela e microfone 5:44
  21. Explorando o Claude Design 26:36

GPT Codex

  1. Introdução: Entendendo o Ecossistema do GPT 6:36
  2. Planos do GPT 4:34
  3. Os métodos de uso do Codex 5:46
  4. Explorando o aplicativo do Codex 2:47
  5. Primeiro site institucional one page fictício criado com Codex 10:40
  6. Criação de skills (habilidades) assistidas no Codex 0:43
  7. Slash commands (Comandos em barra) e PETs 13:55
  8. Usando Codex no VSCode, terminal e testando os Hooks 19:51
  9. Explorando as configurações 11:47
  10. Plugins, skills e GPTs personalizados 14:24

Google Antigravity

  1. Introdução ao Ecossistema Antigravity e seus 4 produtos 15:44
  2. Planos do Antigravity 3:23
  3. Antigravity 2.0 – O orquestrador de agentes 10:13
  4. Antigravity IDE – O ambiente de desenvolvimento visual (estilo VSCode) 23:49
  5. Antigravity CLI – Command Line Interface 6:55

Arquitetura de Sites e Sistemas com I.A.

  1. Site Estático VS Site Dinâmico 9:32
  2. Como um sistema é construído (4 conceitos essenciais + 2 bônus) 21:36
  3. O formato Markdown .md 20:56
  4. Webhooks 13:08
  5. Arquivo PRD (Documento de Requisitos do Produto) + Gerador de PRD Celado 16:02
  6. O arquivo Roadmap 26:17
  7. Design System com Figma + IA (Claude) 55:46
  8. Extraindo o Design System de outros sites e clonando para o projeto (com Claude Design) 27:19
  9. Transportando o Design System feito com Claude Design para o Figma (usando o Codex) 18:12
  10. O arquivo .env (Variáveis de Ambiente) 19:08
  11. O arquivo .gitignore (Arquivos e pastas não rastreáveis para o Versionamento Git) 9:56
  12. IA e Arquivos Sensíveis (.claudeignore e permissões de acesso para a IA) 13:45

Rotina e vendas

Rotina de trabalho

  1. Introdução à Rotina de trabalho
  2. Briefing
  3. Organização de trabalhos no Trello
  4. Organização de arquivos
  5. Bancos e recursos de design
  6. Extensões para o Google Chrome
  7. Desbloqueando sua criatividade

Prospecção e vendas orgânicas

Introdução ao módulo de Prospecção e vendas
  1. Introdução à Prospecção e Vendas
  2. O que esperar deste módulo?
  3. Pré-requisitos para o módulo
  4. Como parar de procrastinar
Pilar 1: Captação
  1. Tipos e níveis de clientes
  2. Posicionamento
  3. Redes sociais
  4. Vestimenta
  5. Posicionamento no Instagram (Na prática)
  6. Missão prática para o Instagram
  7. Precificação
  8. Entregáveis e ativos
  9. Definindo os entregáveis e aplicando o Marketing de Diferenciação
  10. Definindo seu cliente ideal
  11. Missão prática para definição de cliente
  12. O que levar em conta ao definir o cliente e serviço ideal?
  13. Portifolio
  14. Portifólio de Especialista – Montando Wireframe
  15. Portifólio de Especialista – Buscando Referências
  16. Portifólio de Especialista – Guia de Estilo
  17. Portifólio de Especialista – Primeira Dobra
  18. Portifólio de Especialista – Sessão de exemplos e depoimentos
  19. Portifólio de Especialista – Sessão de Serviços
  20. Portifólio de Especialista – Sessão de Biografia
  21. Portifólio de Especialista – Sessão de Perguntas e Respostas
  22. Portifólio de Especialista – Retoques Finais
  23. Portifólio de Especialista – Configurações iniciais do WordPress e Elementor
  24. Portifólio de Especialista – Repassando primeira dobra
  25. Portifólio de Especialista – Repassando exemplos e depoimentos
  26. Portifólio de Especialista – Repassando Serviços
  27. Portifólio de Especialista – Repassando Bio
  28. Portifólio de Especialista – Repassando FAQ e rodapé
  29. Portifólio de Especialista – Ajustando resoluções
  30. Criando um LinkTree personalizado (Árvore de links)
  31. Qual é o melhor método de prospecção?
  32. Estratégia de Formulário de Orçamento
  33. Formulário de Orçamento na Prática (Google Forms)
  34. Formulário de Orçamento na Prática (Elementor)
  35. Como conseguir a atenção do seu cliente
  36. Encontrando possíveis clientes
  37. Encontrando clientes: Amigos, familiares e amigos de amigos
  38. Encontrando clientes: Redes sociais
  39. Encontrando clientes: Biblioteca de anúncios
  40. Encontrando clientes: Google Meu Negócio e Agências
  41. Encontrando clientes: Ifood
  42. Encontrando clientes: E-commerces
  43. Encontrando clientes: Infoprodutores
  44. Encontrando clientes: Tráfego Pago
  45. Se preparando para a guerra
  46. Tarefa prática de mineração de clientes
  47. Produção de conteúdo
  48. Como fazer abordagens
  49. Considerações finais da etapa 1 – Captar
Pilar 2: Conquista
  1. Introdução à etapa de Conquista: Como funciona uma venda?
  2. Gatilhos mentais
  3. Gatilho mental: Reciprocidade
  4. Gatilho mental: Autoridade
  5. Gatilho mental: Antecipação
  6. Gatilho mental: História
  7. Gatilho mental: Prova / Semelhança
  8. Gatilho mental: Prova social
  9. Gatilho mental: Desapego
  10. Gatilho mental: Escassez
  11. Gatilho mental: Urgência
  12. Gatilho mental: Razão (Por quê?)
  13. Gatilho mental: Especificidade
  14. Gatilho mental: Ancoragem
  15. Quebra de objeções
  16. Árvore de objeções (Na prática)
  17. Formas de pagamento
  18. Garantia
  19. Abordagem via redes sociais ou Whatsapp
  20. Abordagem presencial
  21. Abordagem via ligação telefônica
  22. Abordagem via e-mail
  23. Missão prática para abordagens
  24. Follow up e cadência
  25. Missão prática para follow up
  26. Reunião de fechamento
  27. Proposta comercial
  28. Contrato
  29. Fechei meu primeiro cliente e agora?
Pilar 3: Conversão
  1. Visão geral da etapa de Conversão
  2. Organização e prazos
  3. Briefing
  4. Alinhamento de expectativas
  5. Ajustes e alterações
  6. Checklist de entrega
  7. Termo de entrega
  8. Coleta de depoimentos
  9. Considerações finais do Método 3C

Tráfego pago para vender sites no Meta Ads

  1. Introdução e avisos importantes
  2. Visão geral
  3. O que é tráfego?
  4. Planejamento de investimento
  5. Processo comercial
  6. Estratégia do funil de captação
  7. Pixel e API de Conversões (CAPI)
  8. Pré-requisitos (Estrutura inicial)
  9. Criando a BM e vinculando fanpage, Instagram e Whatsapp
  10. Conhecendo a BM, vinculando ativos e criando o pixel
  11. Verificando o domínio e instalando o pixel e API de conversões no site
  12. Entendendo a conta de anúncios (CA)
  13. Públicos e segmentações
  14. Criativos
  15. Métricas
  16. Criando a campanha para mensagens (Whatsapp ou Direct)
  17. Criando a campanha para site de portifólio
  18. Funil de pixel e considerações finais

Habilidades avançadas

Otimização de SEO

Conceitos de SEO
  1. Introdução 3:08
  2. O que é SEO? 18:24
  3. Como funcionam os buscadores (especialmente o Google) 26:17
  4. Etapas para um site aparecer no Google 25:02
  5. Palavras-chave e intenções de busca 20:52
  6. Palavras-chave de cauda curta e de cauda longa 6:10
  7. Ferramentas para pesquisa de palavras-chave 13:54
  8. Google Search Console 3:42
  9. Cadastrando um domínio no Search Console 4:44
  10. SEO On-page X SEO Off-page 6:26
SEO on-page no WordPress
  1. Plugins de SEO para WordPress 5:27
  2. Instalação e configuração inicial do Yoast 4:41
  3. Configurações gerais do Yoast 22:25
  4. Colunas de contagem de links internos 2:14
  5. Configurações de rastreamento e arquivo robots.txt 15:40
  6. Title tag 14:12
  7. Sitemap.xml 10:11
  8. Metadescription 10:14
  9. HTTPS e SSL 2:07
  10. URLs amigáveis 32:47
  11. Performance de velocidade 1:07
  12. Mobile-friendly 6:31
  13. Escaneabilidade 16:39
  14. Breadcrumbs 6:07
  15. Heading Tags (Intertítulos) 18:46
  16. Análise de SEO e de legibilidade do Yoast 10:02
  17. Links internos e links de saída 5:01
  18. Otimização de frase-chave (palavra-chave) 7:52
  19. Imagem destacada 3:56
  20. Otimização de SEO em imagens 14:26
  21. Conteúdo cornerstone 3:30
  22. Tag Social 3:20
  23. Opções avançadas no Yoast 6:41
  24. URLs canônicas 4:29
  25. Links quebrados 2:55
  26. Importar e exportar 1:46
  27. Lives complementares ao módulo

HTML (Front-end)

  1. Introdução ao HTML 2:06
  2. Linguagens de programação web Front-end e Back-end
  3. HTML, CSS e JS
  4. Visual Studio Code
  5. Estrutura básica do HTML
  6. Principais tags HTML
  7. Atributos HTML
  8. Árvore DOM

CSS (Front-end)

Conceitos fundamentais do CSS
  1. Introdução ao módulo de CSS 1:27
  2. Introdução ao CSS
  3. Estrutura básica do CSS
  4. Maneiras de inserir CSS na página
  5. Usando comentários
  6. Cascata, herança e especificidade
  7. Cores no CSS
  8. Medidas no CSS
  9. Box Model
Principais propriedades CSS
  1. Propriedade DISPLAY
  2. Propriedade BACKGROUND
  3. Propriedade COLOR
  4. Usando degradês no CSS
  5. Dicas adicionais sobre degradês no CSS
  6. Propriedade POSITION
  7. Propriedade FONT e TEXT
  8. Propriedade WIDTH e HEIGHT e suas variações MAX e MIN
  9. Propriedade BOX-SHADOW
  10. Propriedade BORDER
  11. Propriedade OVERFLOW
  12. Propriedade Z-INDEX
  13. Propriedade CURSOR
  14. Propriedade OPACITY
  15. Propriedade FILTER e BACKDROP-FILTER
  16. Propriedade CLIP-PATH
  17. Propriedade MASK
  18. Propriedade MIX-BLEND-MODE
  19. Propriedade POINTER-EVENTS
  20. Propriedade TRANSFORM
  21. Propriedade TRANSITION
  22. Propriedade ANIMATION
CSS avançado
  1. Longhands e Shorthands
  2. Variáveis no CSS
  3. CSS Media Queries
  4. Funções no CSS
  5. Seletores e a tag selector – o “this” do Elementor
  6. Seletores comuns
  7. Combinações de seletores
  8. Seletores de atributos
  9. Pseudo-elementos
  10. Pseudo-classes
CSS Display Flex
  1. O que é o CSS flexbox?
  2. Propriedades específicas de display flex
  3. Flexbox Conteiner e Items
  4. Propriedades do flexbox conteiner
  5. Propriedades dos flexbox items
CSS Display Grid
  1. O que é CSS grid?
  2. Conceitos básicos do grid
  3. Frações de grids
  4. Template de colunas e template de linhas
  5. Grid gap
  6. Template de areas
  7. Grid-row e grid-column (e suas variações start e end)
  8. Posicionamentos nos grids

Algoritmos e lógica de programação

  1. Introdução 1:47
  2. O que são algoritmos? 13:22
  3. O que é lógica de programação? 11:28
  4. Linguagens de programação e sintaxe 10:36
  5. Linguagem Portugol 3:41
  6. Funcionamento inicial e primeiro contato prático 2:33
  7. Variáveis e tipos de dados 16:36
  8. Atribuindo valores à múltiplas variáveis e erro de lógica 4:46
  9. Operações aritméticas 10:14
  10. Estruturas condicionais (Se / Senão – If / Else) 12:31
  11. Estruturas condicionais avançadas e comparadores (E/Ou – And/Or) 20:54
  12. Desafio para fixação do conteúdo até aqui 1:44
  13. Estrutura condicional extensa (Escolha / Caso – Switch / Case) 9:18
  14. Estrutura de repetição [Laço] (Enquanto / While) 12:13
  15. Estrutura de repetição [Laço] (Para / For) 17:44
  16. Vetor (Array) 12:15
  17. Matrizes 12:22
  18. Funções 26:43
  19. Concatenação 3:08
  20. Desafio prático: Criação de uma calculadora 21:43

JavaScript (Front-end)

JavaScript essencial
  1. Introdução ao JavaScript 2:44
  2. O que é e para que serve o JavaScript? 5:31
  3. Formas de incorporar código JavaScript na(s) página(s) 40:39
  4. console.log() e alert() – Seus primeiros scripts 16:20
  5. Variáveis e constantes (var, let e const) 25:52
  6. Tipos primitivos de dados 27:01
  7. Operadores 36:42
  8. Janelas alert(), confirm() e prompt() 18:23
  9. Estruturas condicionais (if / else / else if) 11:28
  10. Estruturas condicionais (switch / case / default / break) 7:47
  11. Comentários no JavaScript 2:44
  12. Operadores lógicos e operador ternário 20:03
  13. Estruturas de repetição (while e for) 9:51
  14. Estruturas de repetição (do while) 3:48
  15. Concatenação e template strings 15:06
Funções
  1. Funções (functions) 15:56
  2. Métodos 8:46
  3. Funções dentro de variáveis ou constantes 3:46
  4. setTimeout() e setInterval() 24:37
  5. Arrow function (Função em flecha =>) 17:41
  6. Anonymous functions (Funções anônimas) 6:43
  7. Callback functions (Funções de callback) 17:35
  8. Escopos 18:10
Arrays
  1. Arrays (Vetores) 20:06
  2. Inserindo e removendo índices de arrays – push(), pop(), unshift(), shift() e splice() 12:40
  3. Concatenação de arrays – concat() e spread operator 10:18
  4. Filtrando arrays – filter() 12:50
  5. Ordenando arrays – sort() e reverse() 14:53
  6. Método forEach() 16:17
  7. Método map() 5:14
  8. Método reduce() 17:40
  9. Método slice() 17:16
  10. Destructuring (Desestruturação) 15:47
Reconhecimento e tratamento de erros
  1. Principais tipos de erros no JavaScript 14:00
  2. Tratando erros com try, catch e finally 14:47
Programação Orientada à Objetos (P.O.O.) em JavaScript
  1. O que é a programação orientada à objetos (P.O.O.)? 20:05
  2. Classes, atributos e objetos (ou instâncias) 31:31
  3. Um pouco mais sobre métodos 7:18
  4. Set e Get (Setters e Getters) 11:01
  5. Herança 18:40
  6. Polimorfismo (Sobrescrita de método – Override) 9:04
  7. Tudo é objeto! 5:51
Manipulando DOM com JavaScript
  1. Inserindo objetos do DOM em variáveis 29:51
  2. Manipulando textos 14:50
  3. Introdução ao uso de eventos em JavaScript 10:27
  4. Manipulando atributos 25:14
  5. Manipulando classes 24:13
  6. Manipulando estilos CSS 9:32
  7. Criando, inserindo e removendo elementos do DOM 26:34
  8. Eventos (AddEventListener e atributo HTML) 45:56
  9. This 16:46
  10. Delegação de eventos com event.target 11:47
  11. Propagação de eventos 16:43
  12. Capturando valores de formulários 43:53
  13. Quebra de linha 5:55
Mais conceitos de JS
  1. Armazenando dados com Web Storage (Local Storage e Session Storage) 46:15
  2. Bibliotecas JavaScript 25:49
  3. Arquivos .json 16:15
  4. Função para converter JSON para Objetos JavaScript e vice-versa (stringify e parse) 8:28

Copywriting

Introdução
  1. Introdução ao Curso Celado de Copywriting 29:45
Fase 1 – Compreensão de conceitos
  1. O que é copywriting? 30:37
  2. Boas práticas para refinar sua escrita 27:14
  3. Definição de avatar 23:37
  4. Super promessa 16:27
  5. Árvore de objeções 14:06
  6. Níveis de consciência do avatar 35:23
  7. Big Idea 18:27
  8. Pesquisa de avatar 13:36
  9. Gatilhos mentais 1:28:25
  10. Elementos literários 49:37

CRO (Conversion Rate Optimization)

  1. O que é CRO? 20:54
  2. O que é uma conversão? 10:39
  3. Macroconversão e microconversão 20:13
  4. A Fórmula da Conversão (e suas variáveis) 21:34
  5. Temperatura de público e níveis de consciência 14:18
  6. Seções presentes em Landing Pages e dicas para otimizar a conversão de cada uma 42:07

WordPress avançado

  1. Introdução ao módulo 2:12
  2. Estrutura básica do WordPress 32:12
  3. Estrutura de pastas: WP-ADMIN, WP-CONTENT e WP-INCLUDES 18:59
  4. Arquivo WP-CONFIG 57:14
  5. Arquivo HTACCESS 19:13
  6. WordPress Multisite: O que é e como funciona? 17:51
  7. Como ativar o WordPress Multisite 8:50
  8. WordPress Multisite em Subdiretórios 17:06
  9. WordPress Multisite em Subdomínios 15:50
  10. WordPress Multisite em Domínios distintos 25:52
  11. Conhecendo as tabelas de um banco de dados do WordPress 54:30
  12. Backups 100% manuais no WordPress 26:49
  13. Post Types e Custom Post Types 21:02
  14. Taxonomias 16:48
  15. Fields e Custom Fields 31:07

Sites dinâmicos com Crocoblock

Conceitos fundamentais
  1. Introdução ao módulo de sites dinâmicos com Crocoblock 1:37
  2. NÃO PULE – Requisitos importantes 4:36
  3. O que é a Crocoblock? Para que servem os plugins Jet? 19:05
  4. Apresentação inicial do JetEngine 4:52
  5. Como instalar e ativar os plugins da Crocoblock 7:13
  6. Configurações iniciais JetEngine e JetSmartFilters 8:07
Jet Engine – Options Page
  1. O que é o Options Page? 5:11
  2. Criando e testando uma Options Page 19:50
  3. Adicionando e explorando mais fields (campos) 18:44
  4. Entendendo todos os tipos de fields (campos) 11:12
  5. Visibilidade dinâmica (Dynamic Visibility), Switcher, Checkbox e Radio 28:37
  6. Condições lógicas para fields (campos) 6:53
  7. Operadores lógicos AND (E) e OR (OU) 18:06
  8. Organizando as informações em Abas (Tabs) ou Acordeões (Accordion) 5:21
  9. Exportando e importando Options Pages 4:44
Modelagem de dados
  1. [NÃO PULE] O que é e por que usar a Modelagem de Dados? 10:05
  2. Ferramenta para criar fluxogramas 2:57
  3. Entidades 8:41
  4. Atributos 13:07
  5. Instâncias 5:36
  6. Relacionamentos 23:18
  7. Cardinalidade (Tipos de relacionamento) 38:17
  8. Chave Primária (Primary Key) 13:27
  9. Chave Estrangeira (Foreign Key) 21:54
Custom Post Types – CPT
  1. Post Type e Custom Post Type – O que é isso? 8:02
  2. Configurações gerais (General settings) 7:30
  3. Rótulos (Labels) 8:18
  4. Configurações avançadas (Advanced settings) 19:48
  5. Meta campos (Meta fields) 19:29
  6. Lógica Condicional em Meta fields 16:05

GSAP (Biblioteca JavaScript)

Conceitos fundamentais do GSAP
  1. Introdução e pré-requisitos (NÃO PULE) 6:44
  2. Métodos to(), from() e fromTo() 34:19
  3. Tweens, targets e play(), pause(), restart() e reverse() 26:46
  4. delay(), repeat(), yoyo(), kill(), isActive() e repeatDelay() 13:38
  5. Timelines (Linhas do tempo) 27:48
  6. Intervalos entre animações de uma timeline 10:29
  7. Criando animações de entrada em um site usando GSAP 29:30
  8. Método defaults() (Para definir valores padrão às propriedades) 5:50
  9. Aprofundando sobre easing 28:18
  10. Propriedade stagger 25:16
  11. Chamando callbacks em eventos 21:19
  12. Enviando propriedades ao objeto via GSAP – Método set() 5:06
  13. Diferentes animações em diferentes resoluções com o método matchMedia() 13:25
  14. Forçando manualmente a atualização da resolução com matchMediaRefresh() 3:48
  15. Métodos utilitários do GSAP 12:02
  16. Plugins para o GSAP 8:41
Plugin ScrollTrigger
  1. O que é, para que serve e como instalar o ScrollTrigger 6:25
  2. Usando objeto como gatilho no scroll para o início de uma animação 18:01
  3. Início da animação com “start” e marcadores de desenvolvimento com “markers” 22:05
  4. Final da animação com “end”, vinculação ao scroll com “scrub” e exercício prático 35:06
  5. Utilizando outro elemento como gatilho para o fim da animação com “endTrigger” 8:56
  6. Fixando elementos na tela com a propriedade “pin” 14:30
  7. Travando posição da rolagem em pontos específicos com a propriedade “snap” 21:15
  8. Eventos de callback do ScrollTrigger 30:05
  9. ScrollTrigger como objeto e animações salvas em variáveis/constantes 9:58
Outros plugins de scroll do GSAP
  1. Plugin ScrollTo (Para rolagem em pontos específicos) 27:54
  2. Plugin ScrollSmoother (Para rolagem suave) 23:08
Plugin SplitText
  1. O que é e para quê serve o plugin “SplitText”? 4:11
  2. Configuração inicial e animação de letra por letra (chars) 14:56
  3. Animação de palavra por palavra (words) 6:43
  4. Animação de linha por linha (lines) 23:18
Outros plugins de texto do GSAP
  1. Plugin ScrambleText (Para embaralhamento de texto) 12:12
  2. Plugin Text Replacement (Substituição de texto) 6:15
Plugins de SVG do GSAP
  1. Plugin DrawSVG (Para animações de contornos de SVGs) 40:06
  2. Plugin MorphSVG (Para metamorfoses em SVGs) 43:22
  3. Plugin MotionPath (Para fazer animações seguirem caminhos) 20:38
  4. Plugin MotionPathHelper (Um suporte para criar caminhos do MotionPath) 4:23
Plugins de UI do GSAP
  1. Plugin Flip (Para animação de inversão de elementos) 20:15
  2. Plugin Draggable (Para animar objetos de acordo com o “drag” do mouse) 11:21
  3. Plugin Inertia (Para deixar objetos com inércia) 15:37
  4. Plugin Observer (Para observar de forma refinada ações do usuário) 16:17
Plugins de Ease do GSAP
  1. Plugin CustomEase (Para eases personalizados) 13:23
  2. Plugins CustomWiggle e CustomBounce 23:25
Outros plugins
  1. Plugin Physics2D (Para animações realistas, levando em conta a física) 16:30
  2. Explorando mais o Physics2D e conhecendo o PhysicProps (Para aplicar o Physics2D em propriedades GSAP) 17:01
  3. GSDevTools (Ferramentas de desenvolvedor para animações GSAP) 8:27
  4. Easel e Pixi 4:26

Extras

Bônus

  1. Introdução aos Bônus
  2. Checklist de trabalhos no Trello
  3. Fazendo um criativo para conseguir trabalhos

Lives do YouTube

  1. Live #01 – Fundamentos da otimização de sites 2:09:11
  2. Live #02 – Desvendando o Flexbox Container 1:19:16
  3. Live #03 – Criando um site de Portifolio (Parte 1) 2:12:50
  4. Live #04 – Criando um site de Portifolio (Parte 2) 2:48:40
  5. Live #05 – Como criar um Blog usando WordPress 1:31:25
  6. Live #06 – WEB DESIGNER: O que faz? Quanto ganha? Como se tornar um Web Designer começando DO ZERO 1:13:44
  7. Live #07 – Princípios de Design 55:22
  8. Live #08 – BOAS PRÁTICAS ao desenvolver sites com WordPress e Elementor 1:23:29
  9. Live #09 – ELEMENTOR: O Tutorial Supremo 1:34:46
  10. Live #10 – Como quebrar OBJEÇÕES para vender sites 1:07:00
  11. Live #11 – Como fazer FUNDOS CONTÍNUOS para Landing Pages 2:00:37
  12. Live #12 – Criando uma PÁGINA DE VENDAS para ENCAPSULADOS (Parte 1) 2:33:05
  13. Live #13 – Criando uma PÁGINA DE VENDAS para ENCAPSULADOS (Parte 2) 1:53:55
  14. Live #14 – 10K COM SITES | Atalhos e obstáculos 1:11:02
  15. Live #15 – Dicas para um PORTIFÓLIO que vende mais 1:20:11
  16. Live #16 – SITES 100% RESPONSIVOS | O guia definitivo 1:59:36
  17. Live #17 – EDIÇÃO DE IMAGENS para sites usando o Photoshop 1:56:50
  18. Live #18 – SEGURANÇA para sites em WordPress 1:06:04
  19. Live #19 – Efeito PARALLAX com Elementor 2:44:38
  20. Live #20 – DEVTOOLS (Ferramentas para desenvolvedores) 2:11:08
  21. Live #21 – Estratégias para conseguir CLIENTES de criação de sites 1:38:22
  22. Live #22 – WORDPRESS : O guia definitivo 1:48:04
  23. Live #23 – Os pilares de um WEB DESIGNER 10KS (Live de Aquecimento) 1:01:01
  24. Live #24 – Criando uma PÁGINA DE LINKS com Elementor 1:16:28
  25. Live #25 – Criando um site para GESTORES DE TRÁFEGO (Parte 1) 3:45:16
  26. Live #26 – Criando um site para GESTORES DE TRÁFEGO (Parte 2) 2:59:10
  27. Live #27 – Criando um site para GESTORES DE TRÁFEGO (Parte 3) 2:11:44
  28. Live #28 – Entendendo as principais MÉTRICAS DE OTIMIZAÇÃO de sites 2:04:06
  29. Live #29 – Criando um MENU PERSONALIZADO no Elementor com CSS e Javascript 1:22:04
  30. Live #30 – COPYWRITING para web designers 1:32:24
  31. Live #31 – O PLANO PRÁTICO para fazer 10K por mês com criação de sites 1:32:30
  32. Live #32 – Criando uma PROPOSTA COMERCIAL para vender sites 2:06:51
  33. Live #33 – ERROS E ACERTOS visuais em landing pages 52:42
  34. Live #34 – Fechei meu PRIMEIRO CLIENTE DE SITES, e agora? 1:09:02
  35. Live #35 – Animações com CSS no Elementor 53:19
  36. Live #36 – Licença GPL 57:20
  37. Live #37 – Como CONVENCER um cliente de que ele PRECISA de um SITE? 1:28:56
  38. Live #38 – O que você precisa para COMEÇAR na CRIAÇÃO DE SITES em 2024 1:27:42
  39. Live #39 – CONTEINERES no Elementor | O manual definitivo 1:15:28
  40. Live #40 – IMAGENS DE FUNDO para landing pages com Photoshop e Inteligência artificial 1:56:18
  41. Live #41 – O guia para escolher as FONTES CERTAS para seus SITES 1:20:10
  42. Live #42 – SEO para sites com WordPress 2:40:48
  43. Live #43 – Editando imagens no FIGMA 1:54:19
  44. Live #44 – Os SEGREDOS para cobrar caro pelos seus SITES 2:20:06
  45. Live #45 – O guia para fazer SITES 100% RESPONSIVOS 1:36:42
  46. Live #46 – Fundamentos da LUZ e SOMBRA 2:06:40
  47. Live #47 – Criando uma PROPOSTA COMERCIAL ONLINE (Parte 1 – Figma e Photoshop) 2:12:24
  48. Live #48 – Criando uma PROPOSTA COMERCIAL ONLINE (Parte 2 – Figma e Photoshop) 2:06:18
  49. Live #49 – Criando uma PROPOSTA COMERCIAL ONLINE (Parte 3 – WordPress e Elementor) 3:21:20
  50. Live #50 – Criando uma PROPOSTA COMERCIAL ONLINE (Parte 4 – WordPress e Elementor) 5:02:38
  51. Live #51 – Criando DIVISORES DE FORMA PERSONALIZADOS com Figma + Elementor 1:42:00
  52. Live #52 – Como trabalhar com IMAGENS AVIF no WordPress + Elementor 1:28:04
  53. Live #53 – Variáveis CSS 2:04:16
  54. Live #54 – O GUIA para o Web Designer iniciante 1:21:06
  55. Live #55 – OPTIONS PAGE no JetEngine (Crocoblock) 1:54:47
  56. Live #56 – Como fazer a TRANSIÇÃO DE CARREIRA para a CRIAÇÃO DE SITES 1:32:06
  57. Live #57 – Posicionamento ABSOLUTO com CSS no Elementor 1:19:14
  58. Live #58 – Criando POPUPS PERSONALIZADOS com CSS e JavaScript no Elementor 1:20:36
  59. Live #59 – Seções de FAQ personalizadas 3:39:21
  60. Live #060 – Criando uma PÁGINA DE LINKS no estilo NETFLIX (Parte 1 – Figma) 4:41:30
  61. Live #061 – Criando uma PÁGINA DE LINKS no estilo NETFLIX (Parte 2 – Elementor) 3:49:33
  62. Live #062 – AMBIENTAÇÃO no Photoshop 2:03:40
  63. Live #063 – Personalizando BOTÕES DE SITES (Figma) 2:59:12
  64. Live #064 – Personalizando BOTÕES DE SITES (Elementor) 3:38:20
  65. Live #065 – Animando BOTÕES DE SITES (Elementor) com CSS
  66. Live #066 – Auto-Layout, Componentes e Variantes no Figma 1:40:12
  67. Live #067 – PHOTOPEA – Editor de imagens gratuito e online 1:24:16
  68. Live #068 – Diagramações de HERO sections 1:11:00
  69. Live #069 – Criando TABELAS no Elementor 2:25:44
  70. Live #070 – O guia para deixar SITES 100% RESPONSIVOS no Figma, Photoshop e Elementor 3:33:14
  71. Live #071 – ENSAIOS FOTOGRÁFICOS com Inteligência Artificial no Freepik 5:20:54
  72. Live #072 – Erros e acertos para ter PRODUTIVIDADE na rotina de trabalho 2:42:48
  73. Live #073 – Como Usar VARIÁVEIS E ESTILOS LOCAIS no Figma – Guia Completo para Web Designers 1:19:50
  74. Live #074 – Redes, DNS e Registros de DNS, Domínio e Hospedagem_ como a internet realmente funciona 2:16:22
  75. Live #075 – Dominando os SELETORES do CSS (e do Elementor) 2:56:15

Gravações de encontros

  1. 22-11-2022 | Subdomínios no Cyberpanel 50:05
  2. 08-12-2022 | Análises de sites 55:53
  3. 14-02-2023 | Bate-papo, Análises e dicas de negociação 1:05:54
  4. 21-02-2023 | Tipos de clientes, conteúdos e posicionamento 52:16
  5. 21-03-2023 | Análises de sites e fundamentos de marketing 1:18:18
  6. 05-04-2023 | Edição de hero section no Photoshop 1:02:02
  7. 18-07-2023 | Princípios 10KS 1:26:01
  8. 25-07-2023 | Introdução ao HTML e CSS 1:42:04
  9. 01-08-2023 | Sites e códigos de CSS 1:55:38
  10. 26-09-2023 | Análises, posicionamento, CDN e crenças limitantes 2:14:05
  11. 03-10-2023 | Ambientação de imagens no Photoshop 1:44:51
  12. 24-10-2023 | Criação de marca e guia de estilo avançado 2:18:22
  13. 14-11-2023 | Photopea e análises de sites 1:36:26
  14. 21-11-2023 | Configurações de servidor, cache e CDN 1:44:56
  15. 05-12-2023 | DNS, E-mail Marketing e prospecção 2:10:18
  16. 12-12-2023 | Códigos e uso de inteligência artificial para produção de conteúdo 1:59:33

Gravações de imersões

Imersão Celada #01 – 29/10/2023
  1. Parte 1 [Site de advogados onepage] 3:34:24
  2. Parte 2 [Site de advogados onepage] 3:08:24
Imersão Celada #02 – 27/07/2024
  1. Parte 1 [Página de Captura | Web Designer Galáctico] 4:14:49
  2. Parte 2 [Página de Captura | Web Designer Galáctico] 2:56:50

Conteúdos colaborativos

Introdução aos conteúdos colaborativos
  1. Introdução aos conteúdos colaborativos 2:13
E-commerce na Nuvemshop – Isaac Scheffer
  1. Apresentação e boas-vindas 3:02
  2. O site que vamos criar 11:35
  3. Criando a conta na Nuvemshop 2:53
  4. Conectando o domínio na Nuvemshop 4:57
  5. Configurações gerais 15:55
  6. Categorias e menu de rodapé 14:19
  7. Layout do site 13:55
  8. Como cadastrar produtos e variações 17:20
  9. Parte final do design do nosso site 18:28
  10. Marketing e promoções 7:24
Prospecção e CRM no Trello – Jéssica Costa
  1. Como conseguir contatos de empresas para prospecção ativa 10:40
  2. Usando o Trello como CRM 21:49
Post para o Instagram com Photoshop – Jéssica Costa
  1. Criando um post para o Instagram usando o Photoshop 1:03:27
Carrossel para o Instagram com Photoshop – Jéssica Costa
  1. Criando um carrossel para o Instagram com o Photoshop 1:07:33
Starter File no Figma – Terryson Borges
  1. Starter File no Figma (Parte 1) 41:05
  2. Starter File no Figma (Parte 2) 1:11:11
Auto-layout e componentes no Figma – Terryson Borges
  1. Auto-layout e components no Figma – Terryson 54:32
Captação de clientes com tráfego pago no Meta Ads – Kennedy Alves
  1. Captação de clientes com tráfego pago no Meta Ads – Kennedy Alves 44:36
Prospecção e abordagem por e-mail – Eduardo Martins
  1. Prospecção e abordagem por e-mail – Eduardo Martins 21:02
Prospecção em Massa – Adriano Araújo
  1. Prospecção em massa no Google Maps 17:00
  2. Outros meios de prospecção 12:06
Automação para lista de prospecção com N8N – João Pedro Couto (Bereso Merengue)
  1. Automação para lista de prospecção com N8N – João Pedro Couto (Bereso Merengue) 17:50
Planilha de prospecção – Rafael Kelvin
  1. Planilha de prospecção – Rafael Kelvin 13:49
Calls dos Celados
  1. Call do dia 05-06-2024 3:25:50
  2. Call do dia 10-06-2024 1:49:30

Plugins Celados

  1. Introdução 1:29
  2. Celado Grids – Extensão de navegador para adicionar grids e personalizar cores do Elementor 27:34
  3. Celado Secreto – Tenha um usuário oculto no WordPress sem que seu cliente saiba 6:13
  4. Celado Forms Report – Relatórios de formulários enviados pelo Elementor no ‘Coletar Envios’ (Collect Submissions) 11:19
  5. Celado Links Auto Changer – Alteração de links de redirecionamento de forma automática 7:47
  6. Celado Duplicator – Duplique facilmente posts e páginas do WordPress 2:36
  7. Celado Authenticator – Autenticação de 2 fatores para WordPress 9:46
  8. Celado Hide Login URL – Altere a URL de login padrão do WordPress 3:17
  9. Celado Limit Login – Bloqueie temporariamente (ou definitivamente) IPs suspeitos 9:48
  10. Starter Celado [ATUALIZAÇÃO NOVA] – Adicione variáveis com a quantidade de colunas e agilize a implementação de projetos 100% responsivos 8:08

Análises de Sites

  1. ANÁLISES de sites de inscritos #001 53:53
  2. ANÁLISES de sites de inscritos #002 1:11:47
  3. ANÁLISES de sites de inscritos #003 1:14:16
  4. ANÁLISES de sites de inscritos #004 1:25:41
  5. ANÁLISES de sites de inscritos #005 1:24:03
  6. ANÁLISES de sites de inscritos #006 41:29
  7. ANÁLISES de sites de inscritos #007 1:08:14
  8. ANÁLISES de sites de inscritos #008 56:28
  9. ANÁLISES de sites de inscritos #009 1:41:33
  10. ANÁLISES de sites de inscritos #010 2:27:52
  11. ANÁLISES de sites de inscritos #011 54:03
  12. ANÁLISES de sites de inscritos #012 4:40:09
  13. ANÁLISES de sites de inscritos #013 4:38:02
  14. ANÁLISES de sites de inscritos #014 3:42:08
  15. ANÁLISES de sites de inscritos #015 1:43:14
  16. ANÁLISES de sites de inscritos #016 4:10:30
  17. ANÁLISES de sites de inscritos #017 2:38:42
  18. ANÁLISES de sites de inscritos #018 2:04:44
  19. ANÁLISES de sites de inscritos #019 4:28:34
  20. ANÁLISES de sites de inscritos #020 4:13:38
  21. ANÁLISES de sites de inscritos #021 2:33:52
  22. ANÁLISES de sites de inscritos #022 2:57:15
  23. ANÁLISES de sites de inscritos #023 4:25:45
  24. ANÁLISES de sites de inscritos #024 4:31:28
  25. ANÁLISES de sites de inscritos #025 2:52:08
  26. ANÁLISES de sites de inscritos #026 2:25:56
  27. ANÁLISES de sites de inscritos #027 2:12:02
  28. ANÁLISES de sites de inscritos #028 2:33:19
  29. ANÁLISES de sites de inscritos #029 2:55:46
  30. ANÁLISES de sites de inscritos #030 55:12
  31. ANÁLISES de sites de inscritos #031 2:44:30
  32. ANÁLISES de sites de inscritos #032 2:46:56
  33. ANÁLISES de sites de inscritos #033 2:08:32
  34. ANÁLISES de sites de inscritos #034 2:34:31
  35. ANÁLISES de sites de inscritos #035 3:00:30
  36. ANÁLISES de sites de inscritos #036 2:14:44
  37. ANÁLISES de sites de inscritos #037 2:51:57
  38. ANÁLISES de sites de inscritos #038 3:35:59
  39. ANÁLISES de sites de inscritos #039 3:26:16
  40. ANÁLISES de sites de inscritos #040 2:50:56
  41. ANÁLISES de sites de inscritos #041 3:03:00
  42. ANÁLISES de sites de inscritos #042 3:13:14
  43. ANÁLISES de sites de inscritos #043 1:40:14
  44. ANÁLISES de sites de inscritos #044 59:46

Próximos módulos

Site blog

Tráfego pago no Google Ads

Máxima produtividade

Mentalidade vencedora

Framer

Webflow

PHP

Banco de dados MySQL

Biblioteca jQuery

Biblioteca SwiperJS

Site one page (atualização)

WooCommerce (atualização)

Módulos e aulas

O que já está disponível e o que vem por aí no roteiro. Clique em um módulo para ver as aulas.

Turma fundadora O OnFluxo está sendo lançado agora e você entra na primeira turma. Por isso a lista ainda é curta: o que está em “Disponível agora” já pode ser assistido, e os módulos do roteiro vão sendo gravados e liberados aos poucos. Você entra no começo, acompanha o curso crescer e recebe cada módulo novo sem pagar nada a mais.

Fechar

Disponível agora

O mundo das automações

  1. Boas-vindas e introdução ao curso 2:27
  2. Problemas comuns que podem ser resolvidos com automações 8:09
  3. Onde as automações entram? 10:24
  4. O que é uma automação? 7:04
  5. Entendendo o FLUXO de qualquer tipo de automação 7:50
  6. Níveis de sofisticação das automações 8:54
  7. ChatBot, Agente de IA e Automação 9:19
  8. O que automatizar e o que NÃO automatizar? 12:31
  9. Ecossistema de automações (termos técnicos e plataformas) 22:10

n8n – Fundamentos

Conceitos iniciais
  1. Introdução ao módulo – O que é o n8n e com o que ele se integra? 6:59
  2. Preços do n8n (Cloud ou Self-Hosted) 5:48
  3. Criando conta e usando o n8n Cloud (Teste gratuito) 12:54
n8n Self-Hosted LOCAL (Auto Hospedado Localmente)
  1. O que é o Docker? 6:27
  2. Como funcionam os Conteineres do Docker? 8:40
  3. Instalação do Docker Desktop no Windows 8:13
  4. Instalação do Docker Desktop no Mac 3:27
  5. Como instalar o n8n no Docker Desktop Localhost (para rodar localmente) 10:27
Instalando o n8n em uma hospedagem online
  1. Entendendo os tipos de hospedagem antes de começar 8:41
  2. Instalação rápida 1 Click na Digital Ocean (Usando imagem do MarketPlace) 14:39
  3. Explicando como funcionará os próximos métodos de instalação (profissional e ‘modo queue’ para trabalhar em fila) 5:43
  4. Instalação profissional na VPS com isolamento através de conteiners do Docker 32:10
  5. Instalação escalável na VPS usando o Queue Mode (Modo Fila) e Workers 27:37
  6. Como decidir qual forma de instalação escolher? 2:31
  7. Como instalar o n8n em uma VPS que já possui sites de clientes? (Mesma infra-estrutura, usando IA) 7:21
n8n na prática
  1. Overview da ferramenta e espaço de edição do Workflow 35:20
  2. Explorando os Gatilhos (Triggers) 29:13
  3. Como arquivar e apagar workflows 1:56
  4. Entendendo melhor os Nodes (‘Nós’ ou ‘Nódulos’) e Fluxos de Dados 14:05
  5. Transformação de dados com o Node Edit Fields (Set) 13:40
  6. Opção de ‘Include Other Input Fields’ (Incluir Outros Campos de Entrada) 4:13
  7. Tipos de dados do Edit Fields (Set) 15:56
  8. Dot Notation (Notação de Ponto) 9:29
  9. Filtro de dados com o Node ‘Filter’ 11:46
  10. Split Out – Transformando uma lista (array) em vários itens 12:16
  11. Nó condicional If (Se) 8:30
  12. Nó condicional Switch (Troca / Comutador) para múltiplas rotas 8:43
  13. Aggregate – Transformando vários itens em uma lista (array) 11:47
  14. Merge – Mesclando itens de diferentes Nodes para apenas um 17:56
  15. Sort (Organizar) para ‘Ordenar’ os itens de uma lista 8:45
  16. Limit (Limite) – para ‘Cortar’ itens de uma lista e selecionar só um ‘limite’ específico 8:09
  17. Remove Duplicates (Remover Duplicados) – Limpando a lista para não ficar com dados repetidos 13:13
  18. Loop Over Items (Repetição Sobre Itens) para controle de carga e envios de dados separados por lotes 22:59
  19. Wait (Aguardar) – Fazendo o fluxo esperar um tempo até prosseguir 4:03
  20. Node Date & Time (Data & Hora) 17:13
  21. HTTP Request (Requisições HTTP): Método GET 23:20
  22. HTTP Request (Requisições HTTP): Método POST, PUT, PATCH e DELETE 21:52
  23. Trabalhando com Webhooks para receber dados (e notificações) no nosso n8n 27:05
  24. Entendendo sobre Autenticação e Credenciais no n8n 11:36
  25. Entendendo o token de acesso na prática 26:29
  26. AccessToken e RefreshToken 24:36
  27. Pin Data (Pinar Dados) para fixar outputs durante testes 6:42
  28. Erros e configurações em nodes do workflow 12:12
  29. Node Code (Código JavaScript ou Python no seu Workflow) 5:02
  30. Respond to Webhook (Enviando respostas aos Webhooks recebidos) 14:30
  31. Node de Agente de IA (para conectar modelos de inteligência artificial) 17:50

n8n – Automações na prática

  1. Introdução ao módulo 1:30
  2. Como integrar automações com produtos do Google e teste inicial com o Google Sheets (planilhas) 45:45
  3. Integrando um formulário do Elementor com o Google Sheets através de Webhook 15:04
  4. E-mail de notificação e boas-vindas com Gmail 22:41
  5. Qualificação de lead por budget disponível e condicional para e-mail de notificação 22:50
  6. Verificação de leads duplicados 28:35

No roteiro

WhatsApp na automação (API oficial)

Chatbots e atendimento sem código

Agentes de IA para atendimento

Make

E-mail marketing e funis

Agendamento e follow-up

Relatórios e conteúdo com IA

Crie suas próprias ferramentas com IA

Operação profissional (erros, backup, LGPD)

Como vender automações

Projetos completos por nicho

Falta só um passo

Preencha seus dados para seguir para o pagamento.