Web design 3.0 - curso gratuito da Skillbox, treinamento, Data: 29 de novembro de 2023.

1º nível: Estagiário

Você aprenderá como criar redes sociais e fazer slides para apresentações. Você também praticará o design de longreads, landing pages e cartas para boletins informativos. Tarefas com as quais você trabalhará:

Design de banner publicitário
Explore diferentes formatos de banner e extensões de arquivo. Domine as técnicas de retoque mais simples. Você aprenderá como redimensionar um layout para diferentes tarefas e ajustar o tamanho das fontes. Você pode criar um banner de alta qualidade de acordo com as instruções do cliente.

Trabalhando com gráficos vetoriais
Descubra por que web designers usam gráficos vetoriais. Aprenda a trabalhar com confiança com curvas, camadas e ferramentas de seleção. Você poderá colorir ilustrações em preto e branco, editar logotipos de texto e organizar desenhos vetoriais prontos no layout.

Decoração de texto
Aprenda a aplicar as regras de composição e tipografia, colocar realces de cores e desenhar textos com alta qualidade, com base no brand book do cliente. Você pode não apenas trabalhar com a aparência do texto, mas também editar os títulos para que fiquem atraentes.

Apresentações e landing pages para ofertas comerciais
Você entenderá como estruturar uma grande quantidade de dados e transformá-los em uma bela imagem. Você trabalhará com elementos tipográficos complexos: factoides, notas de rodapé, abreviações e rodapés. Aprenda a usar grades modulares, bem como técnicas de temporritmia e psicologia das cores.

2º nível: Júnior

Você dará os primeiros passos para criar sites de várias páginas. Você trabalhará com galerias, formulários de registro, menus e outros elementos básicos da interface. Aqui estão as tarefas que esperam por você neste nível:

Criando um conceito visual para o site
Você aprenderá em que elementos consiste um site de várias páginas, como regular o nível de ruído visual e gerenciar a atenção do usuário. Conheça o processo de criação de um site do zero. Aprenda a estruturar projetos no Figma, criar moodboards e interagir com designers de layout. Compreenda os aspectos legais do design.

Desenvolvimento de kit UI
Aprenda os componentes básicos de um kit de UI e estilos populares para seu design. Você manterá um equilíbrio de cores no layout. Você praticará a criação de pares de fontes e estilos de projeto. Você pode criar um kit de IU de alta qualidade com base no brand book do cliente.

Design de cabeçalhos, rodapés e menus
Você entenderá quais fontes e cores são adequadas para esses 3 elementos. Aprenda a formular títulos e CTAs, criar uma composição harmoniosa e trabalhar com gráficos.

Design de vitrine online e cartões de produtos
Você entenderá os microelementos de uma galeria e os formatos de apresentação de produtos. Você entenderá em que consiste um simples cartão e catálogo. Aprenda a agrupar elementos e organizá-los em uma ordem fácil de usar.

Trabalhando com o formulário de registro
Aprenda como criar formulários de feedback que você deseja preencher. Aprenda a trabalhar com contrastes de cores e organizar os campos na ordem certa.

Site de várias páginas com vitrine
Aprenda a usar técnicas de narrativa, gráficos e efeitos especiais simples no design de sites. Você entenderá como destacar elementos importantes sem sair do estilo geral. Prepare um layout de site para layout.

Nível 3: Pré-médio

Nesta fase, as maiores e mais ambiciosas tarefas esperam por você: desenhar uma loja online, site corporativo e aplicação mobile. Você aprenderá não apenas como desenhar belos layouts, mas também como usar análises para criar designs funcionais e fáceis de usar. Para completar o nível com sucesso, você precisa trabalhar nestas tarefas:

Design de catálogo de produtos
Familiarize-se com os princípios de UX e UI design. Aprenda a usar o método persona para selecionar soluções de design ideais. Aprenda o que é a abordagem mobile first e quando ela é apropriada. Você será capaz de criar uma árvore de produtos com competência, configurar filtros e fazer visualizações convenientes.

Desenho de um cartão com filiais
Aprenda a construir um mapa da jornada do usuário e analisar o design dos sites dos concorrentes. Descubra quais elementos você precisa para criar um mapa de filiais claro e conveniente. Você será capaz de colocar acentos visuais corretamente.

Trabalhando com cartões de produtos complexos
Você entenderá como construir hipóteses ao criar projetos complexos. Você analisará soluções de design padrão e incomuns e será capaz de criar cartões eficazes para o site do cliente. Você aprenderá como melhorar um design usando animação no After Effects, transferir corretamente o protótipo finalizado para os desenvolvedores e realizar um teste A/B.

Página de check-out
Aprenda o processo de compra online e técnicas populares de marketing que o ajudarão a criar um site que vende. Você pode criar um design conveniente do formulário de confirmação de pedido para desktop e smartphone.

Formulário de registro complexo
Descubra o que motiva os usuários a se cadastrarem nos sites. Conheça os principais elementos do formulário de inscrição e saiba como colocá-los corretamente no layout.

Página de checkout de entrega
Revise os campos obrigatórios e os botões adicionais da página de entrega. Você descobrirá o que os designers muitas vezes esquecem ao trabalhar com esta seção do site e poderá evitar erros.

Área Pessoal
Você entenderá quando as pessoas usarem contas pessoais. Aprenda a formatar lindamente estatísticas sobre as ações do usuário para reportá-las ao cliente. Você poderá pesquisar as experiências dos clientes e usá-las para melhorar seu design.

Trabalhando com informações do pedido
Você pode criar páginas com informações de pedidos para diferentes áreas do seu negócio. Você entenderá como esses dados influenciam o comportamento do usuário. Explore diferentes soluções visuais e aprenda como trabalhar com as informações do usuário.

Design de bate-papo de suporte
Saiba o que considerar ao criar um chat. Aprenda a analisar o funcionamento dos chats nos sites dos concorrentes, evite seus erros e perceba boas funcionalidades.

Painel de controle de site simples
Aprenda a trabalhar com dados complexos necessários ao funcionamento normal do painel de administração. Você pode projetar o painel de controle para que seja conveniente, compreensível e tenha uma boa aparência em qualquer tela.

Página para clientes corporativos
Você entenderá como o benchmarking o ajudará a escolher soluções de design bem-sucedidas. Aprenda a adicionar animação ao seu layout para demonstrar claramente a interface ao cliente.