Get "Framer - Build a website" Today

Iniciar o curso "Framer - Build a website" Agora

Get "Framer - Build a website" Today

Blue Flower

5 Star Reviews

Framer - Build a website

Framer - Build a website

Framer - Build a website

Framer B.V. Company

Framer B.V. Company

Crie sites modernos no Framer: componentes, animações e CMS para publicar rápido com design responsivo e alta performance.

Crie sites modernos no Framer: componentes, animações e CMS para publicar rápido com design responsivo e alta performance.

R$ 799 ou Incluso na Assinatura

R$ 799 ou Incluso na Assinatura

🏆 Assine agora para ter acesso a mais de 1.000 aulas on‑demand, em diversas áreas, com especialistas reconhecidos em aulas ao vivo, gravadas e interativas.
Tudo em uma plataforma de streaming feita sob medida.

Conteúdo

Mercado

FAQs

Requisitos

Course Content — Modules

Módulo 1 — Fundamentos do Framer

  • Interface, navegação, layers e canvas

  • Estrutura de página: sections, stacks e containers

  • Estilos: cores, tipografia e tokens (noções)

  • Organização do projeto (padrões de naming)

Módulo 2 — Layout Responsivo de Verdade

  • Stacks: gap, align, distribution

  • Grids: colunas, spans e comportamento

  • Breakpoints e ajustes por dispositivo

  • Boas práticas: mobile-first e consistência de spacing

Módulo 3 — Componentes e Design System

  • Criar componentes e reuso inteligente

  • Variants e estados (hover, active, disabled)

  • Propriedades (props) para conteúdo dinâmico

  • Biblioteca interna do projeto (padrões)

Módulo 4 — Seções que Vendem (padrões de site)

  • Hero, benefícios, prova social, CTA, FAQ

  • Pricing, comparativos, timeline e stats

  • Layouts prontos para SaaS, serviços e portfólio

  • Copy + design: hierarquia e conversão

Módulo 5 — CMS do Framer

  • Collections: campos, slug e organização

  • Templates de página (detail pages)

  • Listas, filtros básicos e paginação (se aplicável)

  • CMS para blog/cases: estrutura recomendada

Módulo 6 — Animações e Interações

  • Hover e microinterações

  • Scroll animations (com moderação)

  • Transitions e page effects

  • Checklist: acessibilidade e performance em animações

Módulo 7 — SEO, Performance e Publicação

  • Títulos, descrições, OG image e sitemap

  • Boas práticas de heading structure

  • Imagens (tamanho, compressão) e carregamento

  • Domínio, redirects e staging/preview

Módulo 8 — Integrações e Formulários

  • Forms nativos e integrações (Zapier/Make, e-mail)

  • Analytics (GA4, Pixel) e eventos (noções)

  • Captura de leads e páginas de obrigado

  • Proteções anti-spam e entregabilidade

Módulo 9 — Migração e Handoff

  • Migrar de Figma/WordPress (estratégia, não “copiar igual”)

  • Organização para time/cliente

  • Documentação mínima (como editar CMS e páginas)

  • Versionamento e checklist de entrega

Módulo 10 — Projeto Prático

  • Criar um site completo (5 seções + página CMS)

  • Componentizar hero + card + botão (variantes)

  • Publicar com domínio e SEO básico

  • Checklist final de responsivo, performance e tracking

Conteúdo

Mercado

FAQs

Requisitos

Course Content — Modules

Módulo 1 — Fundamentos do Framer

  • Interface, navegação, layers e canvas

  • Estrutura de página: sections, stacks e containers

  • Estilos: cores, tipografia e tokens (noções)

  • Organização do projeto (padrões de naming)

Módulo 2 — Layout Responsivo de Verdade

  • Stacks: gap, align, distribution

  • Grids: colunas, spans e comportamento

  • Breakpoints e ajustes por dispositivo

  • Boas práticas: mobile-first e consistência de spacing

Módulo 3 — Componentes e Design System

  • Criar componentes e reuso inteligente

  • Variants e estados (hover, active, disabled)

  • Propriedades (props) para conteúdo dinâmico

  • Biblioteca interna do projeto (padrões)

Módulo 4 — Seções que Vendem (padrões de site)

  • Hero, benefícios, prova social, CTA, FAQ

  • Pricing, comparativos, timeline e stats

  • Layouts prontos para SaaS, serviços e portfólio

  • Copy + design: hierarquia e conversão

Módulo 5 — CMS do Framer

  • Collections: campos, slug e organização

  • Templates de página (detail pages)

  • Listas, filtros básicos e paginação (se aplicável)

  • CMS para blog/cases: estrutura recomendada

Módulo 6 — Animações e Interações

  • Hover e microinterações

  • Scroll animations (com moderação)

  • Transitions e page effects

  • Checklist: acessibilidade e performance em animações

Módulo 7 — SEO, Performance e Publicação

  • Títulos, descrições, OG image e sitemap

  • Boas práticas de heading structure

  • Imagens (tamanho, compressão) e carregamento

  • Domínio, redirects e staging/preview

Módulo 8 — Integrações e Formulários

  • Forms nativos e integrações (Zapier/Make, e-mail)

  • Analytics (GA4, Pixel) e eventos (noções)

  • Captura de leads e páginas de obrigado

  • Proteções anti-spam e entregabilidade

Módulo 9 — Migração e Handoff

  • Migrar de Figma/WordPress (estratégia, não “copiar igual”)

  • Organização para time/cliente

  • Documentação mínima (como editar CMS e páginas)

  • Versionamento e checklist de entrega

Módulo 10 — Projeto Prático

  • Criar um site completo (5 seções + página CMS)

  • Componentizar hero + card + botão (variantes)

  • Publicar com domínio e SEO básico

  • Checklist final de responsivo, performance e tracking

Incluso no Curso:

Included in This Course List

  • Biblioteca de seções (hero, CTA, proof, FAQ, pricing)

  • Checklist de responsividade (stacks/grids/breakpoints)

  • Template de CMS para blog/cases

  • Checklist de SEO/publicação (metas, OG, redirects)

  • Checklist de entrega para cliente (handoff)

Nível do Curso:

Beginner

Framer do zero: site moderno, componentes e CMS (sem complicar)

Framer do zero: site moderno, componentes e CMS (sem complicar)

Nesta aula de abertura, você vai montar um layout responsivo usando Stacks e Grids, criar um componente de botão com variantes (normal/hover) e publicar uma landing page com SEO básico (title/description/OG). Em seguida, vamos criar uma collection no CMS para “Cases” e listar itens na home — deixando a base pronta para escalar.

Nesta aula de abertura, você vai montar um layout responsivo usando Stacks e Grids, criar um componente de botão com variantes (normal/hover) e publicar uma landing page com SEO básico (title/description/OG). Em seguida, vamos criar uma collection no CMS para “Cases” e listar itens na home — deixando a base pronta para escalar.

Diferenciais Exclusivos

9 motivos para você Amar💜
os nossos Cursos

Depois de experimentar a Academy, você nunca mais vai querer usar outro serviço de Treinamento & Desenvolvimento. Sério.

Depois de experimentar a Academy, você nunca mais vai querer usar outro serviço de Treinamento & Desenvolvimento. Sério.

Aprenda com quem gera resultados reais no mercado

Conteúdos conduzidos por especialistas atuantes, com experiência prática e cases.

Engajamento contínuo com gamificação inteligente

Trilhas, pontos e conquistas que incentivam a evolução constante dos alunos.

Suporte ágil para acelerar o aprendizado

Monitores e especialistas disponíveis para tirar dúvidas e orientar a jornada.

Certificação reconhecida em todo o Brasil

Comprove suas competências com certificados válidos em território nacional.

Faça parte de uma comunidade exclusiva de aprendizagem

Networking qualificado, troca de experiências e crescimento colaborativo.

Access Private Community

Networking qualificado, troca de experiências e crescimento colaborativo.

Catálogo de cursos on-demand +1000 conteúdos

Cursos on-demand atualizados para desenvolver competências estratégicas continuamente.

Download to Watch Offline

Cursos on-demand atualizados para desenvolver competências estratégicas continuamente.

OURO NA CATEGORIA: Resultados

OURO NA CATEGORIA: Resultados

Somos Vencedores do
The Customer Summit Awards 2025

Somos Vencedores do The Customer Summit Awards 2025

Provamos mais uma vez que integrar uma jornada unificada para simplificar o atendimento ao cliente
junto com práticas para treinar e desenvolver pessoas é a chave para o crescimento em escala.

Provamos mais uma vez que integrar uma jornada unificada para simplificar o atendimento ao cliente junto com práticas para treinar e desenvolver pessoas é a chave para o crescimento em escala.

Provamos mais uma vez que integrar uma jornada unificada para simplificar o atendimento ao cliente junto com práticas para treinar e desenvolver pessoas é a chave para o crescimento em escala.

O The Customer Summit – Awards 2025 é um dos prêmios mais importantes da atualidade, criado para reconhecer profissionais, empresas e organizações que transformam para melhor a jornada do cliente e do colaborador.

O The Customer Summit – Awards 2025 é um dos prêmios mais importantes da atualidade, criado para reconhecer profissionais, empresas e organizações que transformam para melhor a jornada do cliente e do colaborador.

O The Customer Summit – Awards 2025 é um dos prêmios mais importantes da atualidade, criado para reconhecer profissionais, empresas e organizações que transformam para melhor a
jornada do cliente e do colaborador.

Roberto Madruga

Idealizador do The Customer Summit

Uploaded image
Uploaded image

🥇 Ouro na Categoria de Treinamento e Desenvolvimento

A Korax ficou à frente da rede DASA, que ocupou a segunda colocação, e do Bradesco Seguros, em terceiro lugar.

Conquistamos o primeiro lugar na categoria Treinamento & Desenvolvimento - Resultados do The Customer Summit Awards 2025, uma das principais premiações do país voltadas à experiência do cliente e do colaborador.


O reconhecimento destaca um projeto que promoveu mudanças estruturais no Grupo Mantevida, na rotina das equipes e na qualidade do atendimento prestado aos pacientes integrando processos e inclusão de verdade.

Wires Medeiros

"No início de 2023 fizemos um treinamento com a Korax - Transformando Experiências sobre “Cuidado Centrado na Pessoa”, participaram entre 20 pessoas, um ano e quatro meses depois e neste participou 60 pessoas. Que alegria! Temos talentos incríveis na nossa equipe, o quanto isso é rico!"

Misael Silva

"Não existe qualidade assistencial sem investimento nas pessoas. Esse projeto nos ajudou a melhorar o atendimento e a crescer com mais consistência.""

Gislene Tolentino

"Sabe aquele conteúdo que você não vê a hora passar? Isso significa que o conteúdo foi interessante, que quem ministrou soube passar de uma forma lúdica e dinâmica. Parabéns toda equipe Korax."

Jéssica Ohane

"Quero expressar minha gratidão à Korax pela excepcional dedicação em aprimorar a experiência do cliente. Seu comprometimento, conhecimento e abordagem inovadora na consultoria têm sido fundamentais para elevar a satisfação dos clientes a um patamar superior. Parabéns por transformar desafios em oportunidades e sucesso dos nossos negócios!"

Viviane Rocha

"Excelente treinamento. Muito didático. Gostei da interação com o público faz com que participemos mais ativamente e não dispersamos."

Ivens Guedes

"Excelente treinamentos, dinâmicos, participativos e voltado para duas das características que são primordiais para a manutenção da competitividade, senão vida, das empresas, que é tecnologia e foco no ‘chefe’ do dono da empresa, que é o cliente. Parabéns a equipe da Korax."

Confira nosso Catálogo Completo

Google Negócios

Curso prático para criar, configurar e otimizar o Perfil da Empresa no Google, atraindo clientes locais com avaliações, fotos, posts e dados.

4h

36 Aulas

R$ 149 ou Incluso na Assinatura

Anúncios ADS

Curso prático de TikTok Ads: crie campanhas, teste criativos, otimize conversões e escale resultados com dados e estratégia.

3h

13 Aulas

R$ 149 ou Incluso na Assinatura

Chatbot

Curso prático de ManyChat: crie automações no Instagram/WhatsApp, capture leads e aumente vendas com fluxos e tags.

2h 30min

14 Aulas

R$ 149 ou Incluso na Assinatura

Google Negócios

Curso prático para criar, configurar e otimizar o Perfil da Empresa no Google, atraindo clientes locais com avaliações, fotos, posts e dados.

4h

36 Aulas

R$ 149 ou Incluso na Assinatura

Anúncios ADS

Curso prático de TikTok Ads: crie campanhas, teste criativos, otimize conversões e escale resultados com dados e estratégia.

3h

13 Aulas

R$ 149 ou Incluso na Assinatura

Chatbot

Curso prático de ManyChat: crie automações no Instagram/WhatsApp, capture leads e aumente vendas com fluxos e tags.

2h 30min

14 Aulas

R$ 149 ou Incluso na Assinatura

Meta - Business

Curso prático de WhatsApp Business: organize atendimento, crie catálogo, respostas rápidas e rotinas para vender e reter.

2h

11 Aulas

R$ 149 ou Incluso na Assinatura