1. Introdução
  • Objetivos do Curso, Grade e Projetos
2. UI/UX Design
  • O que é UI & UX Design?
3. Metodologia
  • 3.1 Etapas de um projeto web
4. Briefing
  • 4.1 O que é e como definir o conteúdo de um Briefing
  • 4.2 Montando briefing
5. Wireframe
  • 5.1 O que é Wireframe, Tipos e Ferramentas
  • 5.2 Na prática - Wireframe com Caneta e Papel
  • 5.3 Na prática - Wireframe com Photoshop
6. Tipografia Avançada em UI Design
  • 6.1 A Importância da Tipografia
  • 6.2 Classificações Tipográficas
  • 6.3 Anatomia dos Tipos
  • 6.4 Variáveis Tipográficas 01
  • 6.4.1 Na Prática - Variáveis Tipográficas 01
  • 6.5 Variáveis Tipográficas 02
  • 6.5.1 Na Prática - Variáveis Tipográficas 02
  • 6.6 Cores na Tipografia
  • 6.7 Sobreposição de Texto
  • 6.8 Sites & Ferramentas
7. Elementos da Interface Web
  • 7.1 Grids
  • 7.1.1 Na Prática - Grids
  • 7.2 Formulários
  • 7.2.1 Na Prática - Formulários
  • 7.3 Call to Actions e Botões
  • 7.3.1 Na Prática - Botões
  • 7.4 Cores na Interface
  • 7.4.1 Na Prática - Cores
  • 7.4.2 Na Prática - Cores (Dark UI)
  • 7.5 Ícones
  • 7.5.1 Na Prática - Ícones
  • 7.6 Imagens e Ilustrações
  • 7.7 Espaço em Branco
  • 7.8 Divisores Visuais (Separadores)
8. Princípios do design em User Interface
  • 8.1 Princípios do design em UI - Eixo
  • 8.2 Princípios do design em UI - Simetria
  • 8.3 Princípios do design em UI - Hierarquia
  • 8.4 Princípios do design em UI - Ritmo
9. Protoshop - Principais Ferramentas
  • 9.1 Básico de Photoshop
10. Projeto 01 (Orbit App)
  • 10.1 Orbit App 01 - Briefing, Menu e Banner
  • 10.2 Orbit App 02 - Vídeo e Funcionalidades
  • 10.3 Orbit App 03 - Download e Clientes
  • 10.4 Orbit App 04 - Planos e Newsletter
  • 10.5 Orbit App 05 - Contato e Rodapé
11. Design Responsivo
  • 11.1 O que é responsividade
  • 11.2 Na Prática - Orbit App
  • 11.3 Exercício
12 . Projeto 02 (Outono Fashion)
  • 12.1 Página Inicial - Introdução e Header
  • 12.2 Página Inicial - Banner Principal
  • 12.3 Página Inicial - Produtos em Destaque
  • 12.4 Página Inicial - Lançamentos
  • 12.5 Página Inicial - Segundo Banner
  • 12.6 Página Inicial - Carrossel e Marcas
  • 12.7 Página Inicial - Newsletter
  • 12.8 Página Inicial - Rodapé
  • 12.9 Página Inicial - Ferramenta de Busca
  • 12.10 Página Inicial - Dropdown do Menu
  • 12.11 Página Inicial - Dropdown Minha Sacola
  • 12.12 Página de Login
  • 12.13 Listagem de Produtos - Título, Menu Lateral/Filtros
  • 12.14 Listagem de Produtos - Produtos e Paginação
  • 12.15 Detalhe do Produto - Informações e Produtos Similares
  • 12.16 Minha Sacola/Carrinho - Informações e Compre Junto
  • 12.17 Checkout - Login
  • 12.18 Checkout - Endereço
  • 12.19 Checkout - Pagamento
  • 12.20 Checkout - Resumo do Pedido e Cupom de Desconto
  • 12.21 Checkout - Confirmação (Feedback)
  • 12.22 Minha Conta - Dados Pessoais
  • 12.23 Minha Conta - Meus Pedidos
  • 12.24 Minha Conta - Endereços
  • 12.25 Minha Conta - Atendimento
13. Apresentação do Projeto
  • 13.1 Dicas & Sites de Prototipação
  • 13.2 Prototipação com Marvel - Outono Fashion
14. Projeto 03 (Rock Burger)
  • 14.1 Introdução, Menu e Full Banner
  • 14.2 Sobre
  • 14.3 Serviços
  • 14.4 Cardápio
  • 14.5 Vídeo Institucional
  • 14.6 Instagram
  • 14.7 Endereço e Faça sua Reserva
  • 14.8 Rodapé
  • 14.9 Modal de Reserva
15. Desafio dos 14 dias #CrieSeuPortfólio
  • 15.1 Como vai funcionar o desafio? Entenda.
  • Desafio 01 - Landing Page c/ Wireframe
  • Desafio 02 - E-commerce (Temática Gamer)
  • Desafio 03 - Redesign site Petshop