Especialização em criação de sites sem código

Resumo do curso

• U1: Buscando inspiração

  • Introdução

  • Influências | Juan Mora

  • Influências | Filip Felbar

  • Influências | Jan Losert

  • Influências | Mónica Durán

  • Influências | Isa Macías

• U2: UX UI design para landing pages: conte uma história única

  • Tipos de páginas de destino

  • O que é uma boa página de destino?

  • O que é hierarquia no conteúdo?

  • Contraste, equilíbrio visual e a regra dos 3 segundos

  • O resumo e como investigar

  • Estrutura de conteúdo para uma página de destino

  • Como fazer um mood board

  • A tipografia certa

  • Criação de história

  • Coloque todo o material na tela!

  • Crie os recursos necessários para sua página de destino

  • Definição de projeto

  • Polir seu design: feedback

  • Apresentação ao cliente

• U3: Design systems para sites com Figma

  • Introdução aos sistemas de design

  • Como os sistemas de design podem ajudá-lo a acelerar seu fluxo de trabalho

  • Introdução ao projeto e abordagem

  • Configurando o arquivo Figma e iniciando as primeiras explorações 1

  • Configurando o arquivo Figma e iniciando as primeiras explorações 2

  • Expandindo o sistema de explorações e design 1

  • Expandindo o sistema de explorações e design 2

  • Organizando as páginas do design system 1

  • Organizando as páginas do design system 2

  • Explorando variantes ao criar componentes

  • Refinando o sistema de design com uma página montada 1

  • Refinando o sistema de design com uma página montada 2

  • Refinando o sistema de design com uma página montada 3

  • Configurando novas páginas com o sistema de design completo 1

  • Configurando novas páginas com o sistema de design completo 2

  • Configurando novas páginas com o sistema de design completo 3

  • Como abordar a criação de documentação para o design system

  • Limpando e usando um layout automático

  • Utilizando o design em outros elementos da marca

  • Pensamentos finais

• U4: Criação de sites sem código com Webflow

  • Introdução ao No-Code

  • Recursos principais do Webflow

  • Projeto

  • Guia de estilo

  • Criação do Guia de Estilo 1

  • Criação do Guia de Estilo 2

  • Seção de heróis

  • Navegação

  • Seções de Estudo de Caso 1

  • Seções de Estudo de Caso 2

  • Colagem Seção 1

  • Colagem Seção 2

  • Seção de Clientes e Formulário Simples de Newsletter

  • Rodapé

  • Janela de visualização do tablet

  • Janela de visualização móvel em paisagem e retrato

  • Formulários de teste

  • Interações

  • Otimização e Hospedagem SEO

  • Painel de Manutenção, Editor e Ativos

  • Explorar CMS

• U5: Criação de um site no Squarespace

  • Definindo o objetivo e a estrutura do nosso site P1

  • Definindo o objetivo e a estrutura do nosso site P2

  • O estilo geral do nosso site

  • Criação, organização e preparação de arquivos gráficos

  • Mudanças na interface do bloco de conteúdo do Squarespace

  • Como escolher o template para o seu site

  • Configurações iniciais no Squarespace

  • Criação de páginas no Squarespace: suas propriedades e configurações

  • Os blocos de conteúdo no Squarespace

  • As seções da página no Squarespace

  • Design e configuração das páginas Home, Serviços, Sobre Mim e Contato P1

  • Desenho e configuração das páginas Home, Services, About me e Contact P1

  • Projeto e configuração das páginas Home, Serviços, Sobre mim e Contato P2

  • Configurações da página P1 do portfólio

  • Configurações da página P2 do portfólio

  • Configurações de blog P1

  • Configurações de blog P2

  • Configurações de blog P3

  • Criação de rodapé e ajustes de navegação principais

  • Configurando as fontes e cores do site P1

  • Configurando as fontes e cores do site P2

  • Configurações de imagem e outras configurações

  • Bônus: Estilos da Web no Squarespace 7.0

  • Configurações de marketing

  • Configurações gerais de privacidade

  • Vamos tornar o site P1 público

  • Vamos tornar o site P2 público

  • Rastreamento de análise de site

• U6: Web design sem código com Elementor e WordPress

  • Referências visuais: onde buscar inspiração

  • Mapa do site e guia de estilo

  • Preparação da proposta de design 1

  • Preparação da proposta de design 2

  • Primeiros passos no WordPress

  • Instalar Elementor

  • Conhecendo o Elementor 1

  • Conhecendo o Elementor 2

  • Cabeçalho e rodapé 1

  • Cabeçalho e rodapé 2

  • Pagina inicial

  • Modelo para projetos 1

  • Modelo para projetos 2

  • Arquivo do projeto

  • "Sobre" e "Contato"

  • Páginas secundárias: privacidade, 404 e manutenção

  • Teste e lance o site

  • Atualização do site

• Projeto final

  • Especialização em Criação de Sites Sem Código

Projetos recentes