• Boas-vindas ao WebProcess
• Estrutura do curso, grupo de alunos e ferramentas
• MasterFile e Bônus
• Quem é Jonas Milan?
• O que são bons websites?

• Sobre o projeto – Escopo/roadmap
• Pré-briefing – Como fazer?
• Proposta – Dicas de como criar um orçamento
• Briefing – Como executar?

• Pesquisa e documentação
• Personas – Para que serve e como criar?
• Organização no Figma
• Sitemap – Criando o fluxo de navegação
• Coleta de inspiração – Dicas e boas práticas

Ministrado pelo convidado especial @luctalks ✨
Introdução e funcionalidades básicas
Componentes, Variants, Grids e Autolayout
Protótipos Navegáveis
Plugins super úteis para o dia a dia
Exercícios Práticos – Start Figma

• Wireframe – Criando a estrutura do projeto (3 aulas)
• Apresentando o Wireframe para o cliente 
• Definindo as cores (2 aulas)
• Copy – Convidado especial @imatheuscarvalho 
• Ícones em UI Design
• Aplicando ícones na prática
• Imagens e efeitos em UI Design
• Criando componentes reutilizáveis
• Criando a versão mobile do site
• Criando um protótipo navegável no Figma
• Style Guide e Handoff

• Registrando o domínio do projeto
• Contratando a hospedagem do projeto
• Conectando o domínio com a hospedagem
• Criando e-mails com o domínio do projeto
• Instalando e conhecendo o WordPress
• Instalando e conhecendo um pouco do Elementor Free
• Iniciando o desenvolvimento de uma Landing Page
• Criando as primeiras seções da Landing Page
• Usando addons para criar um toggle no elementor
• Introdução aos efeitos de movimento e micro interações no elementor (PT-1)
• Criando o menu mobile da landing page
• Ajustando o menu em telas intermediarias e conhecendo os breakpoints
• Continuando a adaptação mobile da landing page
• Finalizando a adaptação da landing page

• Style Guide (Part-1)
• Style Guide (Part-2)
• Criando o Header e o Footer do projeto
• Criando a hero do projeto
• Instalando e conhecendo o WordPress
• Criando a secção de testemunhos
• Criando a área de serviços do site
• Criando a área de dúvidas frequentes
• Criando a área de sobre o o Tiago Montes
• Criando a página de catálogo de produtos
• Criando o modelo de página de produto
• Criando o sistema de postagens de produtos com JetEngine (PT-1)
• Unindo a estrutura de post type com o modelo visual de postagem
• Desenvolvendo a página de produto individual
• Conhecendo o Jet Engine
• Adaptando para as versões responsivas
• Testes e otimização
• Entrega do projeto

✨Lançamento dia 28/11/2022

• Instruções & regras
• Desafio 01 – Feedback Easy
• Desafio 02 – Landing-eBook
•