Curso de Web Designer

Aula 1 • Visão Geral das Ferramentas Essenciais de Design

Pesquisa ferramentas padrão do setor para wireframing, prototipagem e criação de assets. Os alunos selecionam as ferramentas adequadas para cada fase do processo de design.

Aula 2 • Fluxo de Trabalho e Processo de Design

Apresenta as etapas de descoberta, ideação, design e handoff. Estabelece um processo repetível que os alunos aplicam ao longo do curso.

Aula 3 • Como a Web Funciona

Aborda navegadores, servidores, DNS e HTTP para explicar como as páginas são solicitadas e entregues. Fundamenta todas as decisões futuras de design na realidade técnica.

Aula 1 • Teoria das Cores para Web

Ensina matiz, saturação, contraste e modelos de harmonia de cores. Os alunos constroem paletas acessíveis que reforçam a identidade da marca e guiam a atenção do usuário.

Aula 2 • Fundamentos de Tipografia

Aborda classificação de fontes, hierarquia e legibilidade em telas. Os alunos definem tipos que comunicam claramente em diferentes tamanhos de dispositivo.

Aula 3 • Layout e Composição

Aplica sistemas de grade, alinhamento e espaço em branco para organizar o conteúdo da página. Os alunos produzem layouts equilibrados e escaneáveis usando regras comprovadas de composição.

Aula 4 • Imagens e Iconografia

Orienta seleção, recorte e estilização de fotos, ilustrações e ícones. Os alunos combinam assets visuais com o tom da marca e o contexto funcional.

Aula 1 • Texto, Links e Listas

Aborda parágrafos, elementos inline, tags de âncora e tipos de lista. Os alunos marcam conteúdo de texto rico corretamente tanto para exibição quanto para tecnologia assistiva.

Aula 2 • Anatomia do Documento HTML

Explica os elementos doctype, head e body e seus papéis. Os alunos escrevem documentos HTML válidos do zero usando aninhamento e sintaxe corretos.

Aula 3 • Imagens, Mídia e Incorporações

Ensina os elementos img, figure, video, audio e iframe com atributos adequados. Os alunos incorporam mídia de forma acessível usando texto alternativo e legendas.

Aula 4 • Formulários e Elementos de Entrada

Constrói formulários acessíveis usando labels, fieldsets e tipos de input. Os alunos criam formulários de contato e entrada de dados com estrutura semântica correta.

Aula 1 • Sintaxe CSS e a Cascata

Explica seletores, propriedades, especificidade e herança. Os alunos depuram conflitos de estilo entendendo como a cascata resolve regras concorrentes.

Aula 2 • Box Model e Espaçamento

Aborda margin, border, padding e dimensões de conteúdo. Os alunos controlam o espaçamento com precisão e evitam bugs comuns de layout causados por mal-entendidos do box model.

Aula 3 • CSS Grid para Layouts Bidimensionais

Apresenta tracks, áreas e posicionamento de grid para layouts de página complexos. Os alunos recriam designs multicolunas usando Grid sem depender de floats.

Aula 4 • Flexbox para Layouts Unidimensionais

Ensina propriedades de flex container e flex item para arranjos em linha e coluna. Os alunos constroem barras de navegação, fileiras de cards e layouts centralizados com Flexbox.

Aula 1 • Testando e Depurando Responsividade

Usa ferramentas de desenvolvedor do navegador e dispositivos reais para encontrar e corrigir problemas de layout. Os alunos constroem uma checklist de teste aplicada a cada projeto futuro.

Aula 2 • Grids Fluidas e Imagens Flexíveis

Converte layouts de pixels fixos para unidades percentuais e fluidas. Os alunos usam unidades relativas e max-width para evitar overflow em qualquer tela.

Aula 3 • Media Queries e Breakpoints

Ensina queries de min-width e max-width e como escolher breakpoints. Os alunos escrevem media queries que respondem às necessidades do conteúdo, não a nomes de dispositivos.

Aula 4 • Estratégia de Design Mobile-First

Estabelece a filosofia mobile-first e seus benefícios de desempenho. Os alunos reestruturam designs existentes para começar pelo menor viewport e escalar.

Aula 1 • Arquitetura da Informação

Aborda mapas de site, card sorting e rotulagem de navegação para organizar o conteúdo logicamente. Os alunos criam uma IA que reduz a carga cognitiva e apoia a encontrabilidade.

Aula 2 • Wireframing e Prototipagem de Baixa Fidelidade

Produz sketches e wireframes digitais para explorar o layout antes do design visual. Os alunos iteram rapidamente com base em feedback de colegas e stakeholders.

Aula 3 • Personas de Usuário e Mapas de Jornada

Constrói personas baseadas em evidências e mapeia jornadas do usuário para identificar pontos de dor. Os alunos usam esses artefatos para justificar decisões de design ao longo de um projeto.

Aula 4 • Fundamentos de Teste de Usabilidade

Planeja e conduz testes de usabilidade moderados para validar decisões de design. Os alunos analisam descobertas e priorizam correções usando classificações de gravidade.

Aula 1 • Mantendo e Escalando o Sistema

Aborda versionamento, fluxos de contribuição e governança para design systems em crescimento. Os alunos estabelecem processos que mantêm o sistema consistente à medida que as equipes se expandem.

Aula 2 • Documentação de Componentes e Handoff

Escreve diretrizes de uso, exemplos de o que fazer e não fazer, e anotações de código para cada componente. Os alunos preparam arquivos de handoff que os desenvolvedores podem implementar sem ambiguidade.

Aula 3 • Padrões de Componentes de UI Principais

Projeta botões, cards, modais, alertas e controles de formulário com padrões consistentes. Os alunos documentam estados dos componentes, incluindo default, hover, focus e disabled.

Aula 4 • Design Tokens e Guias de Estilo

Cria tokens nomeados para cor, espaçamento e tipografia que impulsionam todo o sistema. Os alunos produzem um guia de estilo que serve como a fonte única da verdade.

Aula 1 • Medição de Performance e Core Web Vitals

Usa ferramentas de auditoria de performance para medir carregamento, interatividade e estabilidade visual. Os alunos interpretam pontuações e priorizam correções que mais impactam a experiência do usuário.

Aula 2 • Otimização de Imagens e Assets

Comprime imagens, escolhe formatos modernos e carrega assets fora da tela com lazy loading. Os alunos reduzem o peso da página sem perda visível de qualidade.

Aula 3 • Auditoria e Remediação de Acessibilidade

Executa auditorias automatizadas e manuais em relação às diretrizes de acessibilidade de conteúdo web. Os alunos corrigem problemas de contraste, navegação por teclado e ARIA encontrados em seus projetos.

Aula 4 • Implantação e Checklist de Go-Live

Aborda opções de hospedagem, configuração de domínio, SSL e verificações de qualidade pré-lançamento. Os alunos completam uma checklist de go-live antes de publicar seu projeto final.