🎉 De R$ 597,00 por R$ 367,00 e acesso vitalício
vagas abertas
🎉 De R$ 597,00 por R$ 367,00 e acesso vitalício
vagas abertas
🎉 De R$ 597,00 por R$ 367,00 + vitalício
Boas práticas de ui & ux
para iniciar ou evoluir sua
jornada no design
Boas práticas de
ui & ux para iniciar ou evoluir sua jornada no design
Um curso completo com boas práticas e técnicas de UI/UX para criar interfaces bonitas, funcionais, e trazer segurança + repertório nas suas decisões.
+120 aulas e 25h de conteúdo original
comunidade no Discord para feedbacks e +
certificado de conclusão bonitão
acesso vitalício ao curso e updates
UI & UX ALIANDO ESTRATÉGIA NAS DECISÕES VISUAIS
UI & UX ALIANDO ESTRATÉGIA NAS DECISÕES
INICIE EM UI & UX DESIGN
Aprenda e domine o que nenhuma IA substitui: práticas para interfaces com impacto visual e +intencionalidade
Aprenda e domine o que nenhuma IA substitui: práticas para interfaces com impacto visual e + intencionalidade
Um curso criado para você iniciar e evoluir na área de design criando interfaces muito mais bonitas e usáveis, entendendo os porquês por trás de cada decisão para criar com segurança e propósito, coisa que IA nenhuma fará por você.
São + 100 aulas com tudo o que vc precisa saber sobre segredos de ui & ux para evitar erros ainda muito cometidos atualmente por designers que replicam telas sem entender técnicas, intenção e fundamento.
Vou te ensinar todas as boas práticas para que vc crie interfaces muito melhores, com segurança nas suas entregas e ideias trabalhando no mundo real de produto ou diretamente com clientes, sem enrolação.
Um curso criado para você iniciar e evoluir na área de design criando interfaces muito mais bonitas e usáveis, entendendo os porquês por trás de cada decisão para criar com segurança e propósito, coisa que IA nenhuma fará por você.
São + 100 aulas com tudo o que vc precisa saber sobre segredos de ui & ux para evitar erros ainda muito cometidos atualmente por designers que replicam telas sem entender técnicas, intenção e fundamento.
Vou te ensinar todas as boas práticas para que vc crie interfaces muito melhores, com segurança nas suas entregas e ideias trabalhando no mundo real de produto ou diretamente com clientes, sem enrolação.
Um curso criado para você iniciar e evoluir na área de design criando interfaces muito mais bonitas e usáveis, entendendo os porquês e ganhando mais segurança nas decisões visuais e entregas, coisa que IA nenhuma fará por você.
garantia de 7 dias
acesso vitalício
suporte com instrutor
comunidade no Discord
+1000 alunos e alunas
+100 aulas gravadas
garantia de 7 dias
acesso vitalício
suporte com instrutor
comunidade no Discord
+1000 alunos e alunas
+100 aulas gravadas
garantia de 7 dias
acesso vitalício
suporte com instrutor
comunidade no Discord
+1000 alunos e alunas
+100 aulas gravadas
ESTÉTICA + INTENÇÃO DE DESIGN
Você vai parar de cometer erros que designers experientes evitam
Vou te ajudar a começar a abrir portas e criar design pensando a nível de refinamento visual atrelado a estratégias de UX.
ESTÉTICA + INTENÇÃO DE DESIGN
Você vai parar de cometer erros que designers experientes evitam
Vou te ajudar a começar a abrir portas e criar design pensando a nível de refinamento visual atrelado a estratégias de UX.
PARA QUEM É O CURSO
SERVE PRA MIM?
O curso é para mim?
Como saber se o curso é para mim?
Como saber se o curso é para mim?
Um curso feito para você que cansou de criar interfaces ruins e não sabe como melhorar, ou até mesmo, não tem a base para saber o que é certo e errado na área de UI e UX.
🧳
Iniciando ou migrando para UI & UX Design
Começando do zero ou vindo de outra área, falta clareza para criar interfaces nos padrões de UI e UX.
🧳
Iniciando ou migrando para UI & UX Design
Começando do zero ou vindo de outra área, falta clareza para criar interfaces nos padrões de UI e UX.
💻
Entendeu que só conhecer Figma não basta
Percebeu que Figma é só o começo e quer unir uso prático e UI & UX para ser, de fato, um(a) designer.
💻
Entendeu que só conhecer Figma não basta
Percebeu que Figma é só o começo e quer unir uso prático e UI & UX para ser, de fato, um(a) designer.
🦜
Você sente que só replica tela igual papagaio
Tem medo de ser questionado sobre decisões visuais. O curso te livra desse clássico bloqueio.
🦜
Você sente que só replica tela igual papagaio
Tem medo de ser questionado sobre decisões visuais. O curso te livra desse clássico bloqueio.
🧐
Cria telas feias, ou não sabe se está criando certo
Não gosta do resultado e não consegue ligar suas decisões visuais a fundamentos e lógica de design.
🧐
Cria telas feias, ou não sabe se está criando certo
Não gosta do resultado e não consegue ligar suas decisões visuais a fundamentos e lógica de design.
🧠
Atua como Front-end, UX Designer ou PM
Precisa dominar a lógica de UI e UX para criar, avaliar e argumentar interfaces de igual para igual.
🧠
Atua como Front-end, UX Designer ou PM
Precisa dominar a lógica de UI e UX para criar, avaliar e argumentar interfaces de igual para igual.
🤝
Precisa de feedbacks para evoluir mas ninguém te ajuda
As aulas te levam a outro nível, dão mais segurança e incluem feedbacks particulares nas suas UI's.
🤝
Precisa de feedbacks para evoluir mas ninguém te ajuda
As aulas te levam a outro nível, dão mais segurança e incluem feedbacks particulares nas suas UI's.
🧳
Iniciando ou migrando para UI & UX Design
Começando do zero ou vindo de outra área, falta clareza para criar interfaces nos padrões de UI e UX.
💻
Entendeu que só conhecer Figma não basta
Percebeu que Figma é só o começo e quer unir uso prático e UI & UX para ser, de fato, um(a) designer.
🦜
Você sente que só replica tela igual papagaio
Tem medo de ser questionado sobre decisões visuais. O curso te livra desse clássico bloqueio.
🧐
Cria telas feias, ou não sabe se está criando certo
Não gosta do resultado e não consegue ligar suas decisões visuais a fundamentos e lógica de design.
🧠
Atua como Front-end, UX Designer ou PM
Precisa dominar a lógica de UI e UX para criar, avaliar e argumentar interfaces de igual para igual.
🤝
Precisa de feedbacks para evoluir mas ninguém te ajuda
As aulas te levam a outro nível, dão mais segurança e incluem feedbacks particulares nas suas UI's.
TRILHA COMPLETA DE ENSINO
Uma trilha onde cada aula fortalece sua percepção como designer
Estrutura das aulas
Todos os fundamentos, erros que sabotam a clareza e as técnicas que tornam uma boa interface estão aqui, explicados com lógica e progressão.
MÓD. 1
Boas vindas ao Intuitive Pixel
6 Aulas
AULA 01
⸱ O que vamos aprender e boas vindas ao curso!
Boas vindas calorosas para a sua nova jornada comigo e tudo sobre o que vamos aprender.
AULA 02
⸱ Comunidade no Discord, WhatsApp, suporte e informações
Desbloqueando seu acesso ao Discord, WhatsApp e informações para feedbacks e networking com outros alunos.
AULA 03
⸱ Acesso a biblioteca de recursos e links em Notion🎁
O primeiro presente a gente nunca esquece. Aqui você ganha acesso a biblioteca de recursos com +200 links que você com certeza irá precisar.
AULA 04
⸱ O guia do designer, bônus em Notion 🎁
Outro guia em Notion com recursos para você que está começando, dicas de livros, roadmap de estudo para UX / UI, perfis para seguir e muito mais.
AULA 05
⸱ Criando o seu ID Card do curso
Aqui você cria seu cartão (opcional) de acesso e comemoração ao se juntar com +1000 alunos!
AULA 06
⸱ Guia de práticas para evoluir em UI & UX
Aqui você ganha sua primeira aula sobre como praticar interfaces no dia a dia e também segredos das práticas pessoas que me fizeram evoluir.
MÓD. 2
Tipografia
11 Aulas
AULA 01
⸱ Gerando hierarquia visual com tipografia
Aprenda a usar escala, contraste, peso e espaçamento para criar hierarquias tipográficas que guiam o olhar. Vamos entender os mesmos mecanismos de design que Spotify, HubSpot e Medium usam para induzir ações com elegância.
AULA 02
⸱ Guia de consistência em textos com escalas tipográficas
Evite variações inúteis de fontes e entenda como criar uma escala tipográfica que deixa suas páginas claras, elegantes e que não geram atrito com os devs.
AULA 03
⸱ Line height para textos legíveis e elegantes
Aprenda a definir o espaçamento ideal entre linhas para deixar seus textos mais legíveis e fluidos. Evite erros comuns de line-height que poluem a leitura e descubra cálculos e plugins que trazem ritmo e harmonia tipográfica.
AULA 04
⸱ Por que seu texto cansa, e como resolver com tipografia e ritmo visual
Aprenda a transformar blocos de texto cansativos em conteúdos leves e fáceis de ler. Descubra como usar hierarquia, espaçamento, largura ideal e tópicos para dar respiro e tornar suas interfaces mais escaneáveis e elegantes.
AULA 05
⸱ Cuidados com letras maiúsculas e cenários de uso
Descubra quando usar letras maiúsculas sem comprometer a legibilidade. Evite erros comuns em textos longos e aprenda a aplicar all caps em itens e cenários onde isto realmente funciona.
AULA 06
⸱ Letter-spacing: detalhes que transformam texto comuns em refinados
Entenda como o espaçamento entre caracteres pode arruinar ou elevar a legibilidade de um texto. Aprenda quando usar zero, positivo ou negativo e veja exemplos práticos (até cinematográficos) de como aplicar letter spacing com estilo em títulos e interfaces.
AULA 07
⸱ Como fazer match de combinações tipográficas com precisão
Nesta aula eu te mostro na prática os riscos, exceções, e como descobrir casos para combinações tipográficas.
AULA 08
⸱ White space: criando textos com espaço e leveza
Aqui você entende como o white space influencia foco, leitura e estética, além de dicas práticas para aplicar nos seus layouts.
AULA 09
⸱ Texto justificado (e porque evitar)
Entenda por que a aparente “organização” do texto justificado engana. Veja como ele compromete a legibilidade, afasta a acessibilidade e aprenda as formas mais eficazes de estruturar parágrafos.
AULA 10
⸱ Decidindo fontes com contexto e intenção
Entenda como a escolha da tipografia pode reforçar ou quebrar a mensagem de uma interface. Aprenda a alinhar estilos de fonte ao contexto certo , do formal ao descontraído, e veja exemplos práticos para escolher com mais segurança.
AULA 11
⸱ Eliminando palavras soltas e melhorando fluidez de leitura
Dica prática que acaba passando despercebida por alguns designers a técnicas para evitar isto.
MÓD. 3
Cores
10 Aulas
AULA 01
⸱ Cores para divisões de blocos mais refinados e background neutros
Aprenda a variar backgrounds de forma elegante usando matizes da cores primárias. Descubra como transformar cinzas comuns em tons mais sofisticados e consistentes, criando interfaces muito mais harmônicas.
AULA 02
⸱ Dominando o cuidado com contrastes de cores
Entenda como o contraste entre cores impacta diretamente a legibilidade e a acessibilidade de uma interface. Aprenda a identificar erros comuns, medir contraste, guia de acessibilidade e aplicar combinações que funcionam em qualquer contexto, web, mobile, desktop, não importa!
AULA 03
⸱ Cor primária com propósito, aplicando 60/30/10
Entenda por que o excesso de cor compromete decisões na interface e aprenda a aplicar o método 60/30/10 para equilibrar cores como os grandes: destaque o que importa, reduza ruído visual e conduza ações com clareza.
AULA 04
⸱ Cor nos alertas: como evitar mensagens ignoradas por escolhas ruins
Aprenda a aplicar cores com precisão em alertas, erros e mensagens de sucesso. Entenda padrões semânticos de sistemas reais e evite decisões visuais que confundem o usuário.
AULA 05
⸱ A cor do perigo: realçando ações destrutivas (sem alarmismo)
Aprenda como aplicar o vermelho com estratégia para sinalizar ações destrutivas e evitar erros de UX. Veja boas práticas e exemplos reais de quando usar (e evitar) essa cor que carrega peso emocional e impacto imediato na decisão do usuário.
AULA 06
⸱ Evitando o tom 100% preto (e controvérsias)
Boas práticas de um leve ajuste no uso da cor para melhores resultados na UI.
AULA 07
⸱ Quando a cor cinza vira um problema
Descubra como evitar o erro clássico do uso de cinza na sua UI. Aprenda a criar hierarquia visual com contraste ideal e veja técnicas para adaptar textos e ícones automaticamente a qualquer background, sem perder harmonia.
AULA 08
⸱ Destacando itens selecionados com intencionalidade (e cor)
Entenda como reforçar decisões visuais com cor. Aprenda a sinalizar seleções com clareza, reduzir dúvidas do usuário e acelerar decisões com elementos simples como bordas, contraste e preenchimento, sem perder identidade da marca.
AULA 09
⸱ Simulando tipos de daltonismos em interfaces
Técnicas para simular tipos de daltonismos em UI's e antecipar possíveis problemas.
AULA 10
⸱ Prevendo cores aplicadas em interfaces
Descubra ferramentas práticas para testar paletas, prever harmonia entre cores e simular interfaces reais antes de aplicar, evitando erros, ganhando tempo e garantindo contraste e escalabilidade nos seus projetos de UI.
MÓD. 4
Botões
10 Aulas
AULA 01
⸱ Botões primários, secundários, terciários e prioridades
AULA 02
⸱ Estados de interações
AULA 03
⸱ Psicologia das formas dos botões (quando usar cada um)
AULA 04
⸱ Guia para áreas de toque acessíveis
AULA 05
⸱ Técnicas de Drop-Shadow e Elevações
AULA 06
⸱ Mantendo botões em linha única
AULA 07
⸱ Consistência de estilos
AULA 08
⸱ Ícones + Botões da forma correta
AULA 09
⸱ Botões full width
AULA 10
⸱ Labels com contexto
MÓD. 5
Grid & Layout
8 Aulas
AULA 01
⸱ Guia completo de consistência + Grid 8pts
AULA 02
⸱ Táticas de alinhamento vertical
AULA 03
⸱ Cards + Dominando White Space
AULA 04
⸱ Listas, Grids e Alinhamento Horizontal
AULA 05
⸱ Margens laterais mínimas
AULA 06
⸱ Affordance de scroll
AULA 07
⸱ Adeus alinhamento inconsistente
AULA 08
⸱ Espaçamento fantasma
MÓD. 6
Ícones
7 Aulas
AULA 01
⸱ Guia para o uso de ícones consistentes
AULA 02
⸱ Equilibrando ícones, pesos e textos
AULA 03
⸱ Espaçando ícones
AULA 04
⸱ Escalas de ícones e erros comuns
AULA 05
⸱ Entendendo o uso de ícones, vetores e PNG's
AULA 06
⸱ Ícones universais
AULA 07
⸱ Ícones e bounding boxes
MÓD. 7
Imagens & Textos
6 Aulas
AULA 01
⸱ Guia de combinações entre Imagens + Textos com contraste
AULA 02
⸱ Tons com narrativa da marca
AULA 03
⸱ É por isto que todo design de Dribbble é incrível
AULA 04
⸱ Imagens full width
AULA 05
⸱ Licenças de imagens e riscos invisíveis
AULA 06
⸱ Economizando tempo com imagens no Figma
MÓD. 8
Formulários & Inputs
7 Aulas
AULA 01
⸱ Dominando os principais cuidados com formulários
AULA 02
⸱ Padrões de escaneamento em formulários
AULA 03
⸱ Descomplicando formulários complexos (+Checklist🎁)
AULA 04
⸱ Utilizando labels da forma correta
AULA 05
⸱ Estados de inputs, Handoff e Erros
AULA 06
⸱ A maneira certa de utilizar placeholders
AULA 07
⸱ Detalhes e dicas visuais finais
MÓD. 9
Hero Sections
7 Aulas
AULA 01
⸱ Fundamentos essenciais para Hero's que funcionam
Os pilares que fazem uma Hero se destacar de verdade: impacto visual, mensagem clara e direção de atenção.
AULA 02
⸱ Dominando padrões de Hero's que convertem (+ Checklist 🎁)
Os modelos que funcionam e um checklist absurdo de prático para criar Hero Sections com mais conversão e menos tentativa.
AULA 03
⸱ Workflow estratégico para criação de Hero's
Veja o passo a passo de como estruturar uma Hero do zero com foco em propósito, hierarquia e refinamento.
AULA 04
⸱ Dominando elementos de profundidade em Hero's
Técnicas avançadas de camadas, sombras e sobreposições para criar profundidade com propósito, sem poluir o layout.
AULA 05
⸱ Princípio do olhar e imagens humanas
Descubra como o direcionamento visual do olhar nas imagens impacta a atenção do usuário e o comportamento na página.
AULA 06
⸱ Gerando imagens com IA (ImageFX + Firefly)
Como usar IA para criar imagens de impacto para Hero Sections, mantendo coesão visual com o restante do layout.
AULA 07
⸱ Adaptando Hero Sections para mobile
Como manter o impacto visual e a clareza da mensagem ao adaptar Hero Sections para telas menores.
MÓD. 10
Insights
8 Aulas
AULA 01
⸱ (UX / Usabilidade) Critérios de usabilidade para componentes de design
Um segredo que designers experientes seguem para entender se componentes seguem critérios de usabilidade.
AULA 02
⸱ (UI) Refinando a separação de conteúdo em lista
Absolutamente todas as maneiras do mundo para gerar separações de conteúdos de maneira elegante, aula de UI nível PRO.
AULA 03
⸱ (🎁Template / Figma) Preparando e organizando um arquivo no Figma para Projetos + Handoff
Os bastidores sobre como eu organizo e entrego meus arquivos com muitos insights extras do mundo real de produto, UX e UI.
AULA 04
⸱ Criando um teste de usabilidade do zero absoluto com Figma / Maze
"Não tive tempo ou não sei testar" com usuários não será mais uma desculpa para você, vou te colocar em outro nível com essa aula.
AULA 05
⸱ Como eu crio grids Desktop, Tablet e Mobile
Tudo sobre minha maneira de criar grids.
AULA 06
⸱ Criando uma paleta de cores do zero (Variáveis + Método 60/30/10)
Usando e definindo cores com variáveis no Figma e método 60/30/10.
AULA 07
⸱ Perguntas para iniciar uma tarefa como um designer de verdade
Perguntas e passos que faço (e que você deveria fazer) antes de sair abrindo o Figma.
AULA 08
⸱ Masterizando o uso de border-radius em interfaces
Arredondamento de bordas não será mais um problema para você, vou te mostrar tudo sobre este assunto na prática, desde técnica, cálculos e mais.
MÓD. 11
Corrigindo interfaces dos Alunos
7 Aulas
AULA 01
⸱ Feedback - Interface Mobile / Little Paws
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 02
⸱ Feedback - Landing Page / Portella
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 03
⸱ Feedback - Landing Page / Safira
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 04
⸱ Feedback - Interface Mobile / Vincula Ação
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 05
⸱ Feedback - Landing Page / Solar
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 06
⸱ Feedback - Landing Page / ADV
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 07
⸱ Feedback - App / Innovating Educating
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
MÓD. 12
Gestalt descomplicada
7 Aulas
AULA 01
⸱ Introdução a Gestalt
Entenda o que é a psicologia da Gestalt e por que ela é a base de toda decisão visual em UI.
AULA 02
⸱ Princípio da Proximidade
Como a distância entre elementos altera completamente a percepção de agrupamento e leitura visual.
AULA 03
⸱ Princípio da Semelhança
Como elementos semelhantes criam padrões, relações e consistência intuitiva na interface.
AULA 04
⸱ Princípio da Continuidade
Use linhas implícitas e fluxos naturais para guiar o olhar do usuário sem esforço.
AULA 05
⸱ Princípio do Fechamento
Como o cérebro completa o que está faltando, e como usar isso a favor do design limpo.
AULA 06
⸱ Princípio da Figura / Fundo
Aprenda a destacar o que importa e evitar ruído visual ao manipular contraste e hierarquia.
AULA 07
⸱ Princípio da Região Comum
Como agrupar visualmente elementos mesmo sem containers explícitos, usando fundo, espaçamento e alinhamento.
MÓD. 13
Protótipos no Figma
12 Aulas
AULA 01
⸱ Porque isto é importante?
Entendendo as facilidades de prototipar de forma interativa no Figma.
AULA 02
⸱ Navegação entre telas e dispositivos de mockup
A mais essêncial, mas a mais importante ação para testar com usuários ou ver protótipos.
AULA 03
⸱ Itens de sistema: iOS & Android
Entendendo algo que deveria ser comum, mas que passa despercebido para a maioria.
AULA 04
⸱ Scroll vertical, independente e componentes fixos
Monte fluxos com scroll vertical livre, travado e com cabeçalhos fixos de forma estruturada.
AULA 05
⸱ Comportamento de Scroll horizontal
Crie carrosséis e conteúdos navegáveis lateralmente de forma suave e sem bugs visuais.
AULA 06
⸱ Flow starting point e organização
Configuração básica de visualização no Figma.
AULA 07
⸱ Interação com delay
Uma maneira de mostrar ainda mais realismo nos seus protótipos. (Essa é a função que eu mais uso).
AULA 08
⸱ Reforçando a interação de Delay (Toast Message)
Aula complementar à anterior.
AULA 09
⸱ Dominando o Smart Animate
Aprenda a usar transições inteligentes com fluidez, consistência e elegância, sem passar trabalho.
AULA 10
⸱ Reforçando o Smart Animate
Aula complementar à anterior.
AULA 11
⸱ Interações de Hover + Variants
Interações para tornar seus protótipos ainda mais reais, principalmente ao testar com usuários.
AULA 12
⸱ Dominando as microinterações com Lottie Files
Aprenda a incorporar animações com Lottie para enriquecer a experiência do usuário sem perder performance + Handoff.
MÓD. 14
Inteligência Artificial
8 Aulas
AULA 01
⸱ Guia de Prompts em Notion 🎁
AULA 02
⸱ IA em design: como integrar, cenário atual e erros comuns
AULA 03
⸱ Gerando diagnóstico visual para suas interfaces
AULA 04
⸱ Protótipos com IA - Como estruturar bons Prompts
AULA 05
⸱ Protótipos com IA - Criando na prática
AULA 06
⸱ Migrando o protótipo do Figma para IA e vice-versa
AULA 07
⸱ Como ganhar argumentos e antecipar erros com IA
AULA 08
⸱ Identificando melhorias estratégicas nas suas conversas com IA + tabelas
MÓD. 1
Boas vindas ao Intuitive Pixel
6 Aulas
AULA 01
⸱ O que vamos aprender e boas vindas ao curso!
Boas vindas calorosas para a sua nova jornada comigo e tudo sobre o que vamos aprender.
AULA 02
⸱ Comunidade no Discord, WhatsApp, suporte e informações
Desbloqueando seu acesso ao Discord, WhatsApp e informações para feedbacks e networking com outros alunos.
AULA 03
⸱ Acesso a biblioteca de recursos e links em Notion🎁
O primeiro presente a gente nunca esquece. Aqui você ganha acesso a biblioteca de recursos com +200 links que você com certeza irá precisar.
AULA 04
⸱ O guia do designer, bônus em Notion 🎁
Outro guia em Notion com recursos para você que está começando, dicas de livros, roadmap de estudo para UX / UI, perfis para seguir e muito mais.
AULA 05
⸱ Criando o seu ID Card do curso
Aqui você cria seu cartão (opcional) de acesso e comemoração ao se juntar com +1000 alunos!
AULA 06
⸱ Guia de práticas para evoluir em UI & UX
Aqui você ganha sua primeira aula sobre como praticar interfaces no dia a dia e também segredos das práticas pessoas que me fizeram evoluir.
MÓD. 2
Tipografia
11 Aulas
AULA 01
⸱ Gerando hierarquia visual com tipografia
Aprenda a usar escala, contraste, peso e espaçamento para criar hierarquias tipográficas que guiam o olhar. Vamos entender os mesmos mecanismos de design que Spotify, HubSpot e Medium usam para induzir ações com elegância.
AULA 02
⸱ Guia de consistência em textos com escalas tipográficas
Evite variações inúteis de fontes e entenda como criar uma escala tipográfica que deixa suas páginas claras, elegantes e que não geram atrito com os devs.
AULA 03
⸱ Line height para textos legíveis e elegantes
Aprenda a definir o espaçamento ideal entre linhas para deixar seus textos mais legíveis e fluidos. Evite erros comuns de line-height que poluem a leitura e descubra cálculos e plugins que trazem ritmo e harmonia tipográfica.
AULA 04
⸱ Por que seu texto cansa, e como resolver com tipografia e ritmo visual
Aprenda a transformar blocos de texto cansativos em conteúdos leves e fáceis de ler. Descubra como usar hierarquia, espaçamento, largura ideal e tópicos para dar respiro e tornar suas interfaces mais escaneáveis e elegantes.
AULA 05
⸱ Cuidados com letras maiúsculas e cenários de uso
Descubra quando usar letras maiúsculas sem comprometer a legibilidade. Evite erros comuns em textos longos e aprenda a aplicar all caps em itens e cenários onde isto realmente funciona.
AULA 06
⸱ Letter-spacing: detalhes que transformam texto comuns em refinados
Entenda como o espaçamento entre caracteres pode arruinar ou elevar a legibilidade de um texto. Aprenda quando usar zero, positivo ou negativo e veja exemplos práticos (até cinematográficos) de como aplicar letter spacing com estilo em títulos e interfaces.
AULA 07
⸱ Como fazer match de combinações tipográficas com precisão
Nesta aula eu te mostro na prática os riscos, exceções, e como descobrir casos para combinações tipográficas.
AULA 08
⸱ White space: criando textos com espaço e leveza
Aqui você entende como o white space influencia foco, leitura e estética, além de dicas práticas para aplicar nos seus layouts.
AULA 09
⸱ Texto justificado (e porque evitar)
Entenda por que a aparente “organização” do texto justificado engana. Veja como ele compromete a legibilidade, afasta a acessibilidade e aprenda as formas mais eficazes de estruturar parágrafos.
AULA 10
⸱ Decidindo fontes com contexto e intenção
Entenda como a escolha da tipografia pode reforçar ou quebrar a mensagem de uma interface. Aprenda a alinhar estilos de fonte ao contexto certo , do formal ao descontraído, e veja exemplos práticos para escolher com mais segurança.
AULA 11
⸱ Eliminando palavras soltas e melhorando fluidez de leitura
Dica prática que acaba passando despercebida por alguns designers a técnicas para evitar isto.
MÓD. 3
Cores
10 Aulas
AULA 01
⸱ Cores para divisões de blocos mais refinados e background neutros
Aprenda a variar backgrounds de forma elegante usando matizes da cores primárias. Descubra como transformar cinzas comuns em tons mais sofisticados e consistentes, criando interfaces muito mais harmônicas.
AULA 02
⸱ Dominando o cuidado com contrastes de cores
Entenda como o contraste entre cores impacta diretamente a legibilidade e a acessibilidade de uma interface. Aprenda a identificar erros comuns, medir contraste, guia de acessibilidade e aplicar combinações que funcionam em qualquer contexto, web, mobile, desktop, não importa!
AULA 03
⸱ Cor primária com propósito, aplicando 60/30/10
Entenda por que o excesso de cor compromete decisões na interface e aprenda a aplicar o método 60/30/10 para equilibrar cores como os grandes: destaque o que importa, reduza ruído visual e conduza ações com clareza.
AULA 04
⸱ Cor nos alertas: como evitar mensagens ignoradas por escolhas ruins
Aprenda a aplicar cores com precisão em alertas, erros e mensagens de sucesso. Entenda padrões semânticos de sistemas reais e evite decisões visuais que confundem o usuário.
AULA 05
⸱ A cor do perigo: realçando ações destrutivas (sem alarmismo)
Aprenda como aplicar o vermelho com estratégia para sinalizar ações destrutivas e evitar erros de UX. Veja boas práticas e exemplos reais de quando usar (e evitar) essa cor que carrega peso emocional e impacto imediato na decisão do usuário.
AULA 06
⸱ Evitando o tom 100% preto (e controvérsias)
Boas práticas de um leve ajuste no uso da cor para melhores resultados na UI.
AULA 07
⸱ Quando a cor cinza vira um problema
Descubra como evitar o erro clássico do uso de cinza na sua UI. Aprenda a criar hierarquia visual com contraste ideal e veja técnicas para adaptar textos e ícones automaticamente a qualquer background, sem perder harmonia.
AULA 08
⸱ Destacando itens selecionados com intencionalidade (e cor)
Entenda como reforçar decisões visuais com cor. Aprenda a sinalizar seleções com clareza, reduzir dúvidas do usuário e acelerar decisões com elementos simples como bordas, contraste e preenchimento, sem perder identidade da marca.
AULA 09
⸱ Simulando tipos de daltonismos em interfaces
Técnicas para simular tipos de daltonismos em UI's e antecipar possíveis problemas.
AULA 10
⸱ Prevendo cores aplicadas em interfaces
Descubra ferramentas práticas para testar paletas, prever harmonia entre cores e simular interfaces reais antes de aplicar, evitando erros, ganhando tempo e garantindo contraste e escalabilidade nos seus projetos de UI.
MÓD. 4
Botões
10 Aulas
AULA 01
⸱ Botões primários, secundários, terciários e prioridades
AULA 02
⸱ Estados de interações
AULA 03
⸱ Psicologia das formas dos botões (quando usar cada um)
AULA 04
⸱ Guia para áreas de toque acessíveis
AULA 05
⸱ Técnicas de Drop-Shadow e Elevações
AULA 06
⸱ Mantendo botões em linha única
AULA 07
⸱ Consistência de estilos
AULA 08
⸱ Ícones + Botões da forma correta
AULA 09
⸱ Botões full width
AULA 10
⸱ Labels com contexto
MÓD. 5
Grid & Layout
8 Aulas
AULA 01
⸱ Guia completo de consistência + Grid 8pts
AULA 02
⸱ Táticas de alinhamento vertical
AULA 03
⸱ Cards + Dominando White Space
AULA 04
⸱ Listas, Grids e Alinhamento Horizontal
AULA 05
⸱ Margens laterais mínimas
AULA 06
⸱ Affordance de scroll
AULA 07
⸱ Adeus alinhamento inconsistente
AULA 08
⸱ Espaçamento fantasma
MÓD. 6
Ícones
7 Aulas
AULA 01
⸱ Guia para o uso de ícones consistentes
AULA 02
⸱ Equilibrando ícones, pesos e textos
AULA 03
⸱ Espaçando ícones
AULA 04
⸱ Escalas de ícones e erros comuns
AULA 05
⸱ Entendendo o uso de ícones, vetores e PNG's
AULA 06
⸱ Ícones universais
AULA 07
⸱ Ícones e bounding boxes
MÓD. 7
Imagens & Textos
6 Aulas
AULA 01
⸱ Guia de combinações entre Imagens + Textos com contraste
AULA 02
⸱ Tons com narrativa da marca
AULA 03
⸱ É por isto que todo design de Dribbble é incrível
AULA 04
⸱ Imagens full width
AULA 05
⸱ Licenças de imagens e riscos invisíveis
AULA 06
⸱ Economizando tempo com imagens no Figma
MÓD. 8
Formulários & Inputs
7 Aulas
AULA 01
⸱ Dominando os principais cuidados com formulários
AULA 02
⸱ Padrões de escaneamento em formulários
AULA 03
⸱ Descomplicando formulários complexos (+Checklist🎁)
AULA 04
⸱ Utilizando labels da forma correta
AULA 05
⸱ Estados de inputs, Handoff e Erros
AULA 06
⸱ A maneira certa de utilizar placeholders
AULA 07
⸱ Detalhes e dicas visuais finais
MÓD. 9
Hero Sections
7 Aulas
AULA 01
⸱ Fundamentos essenciais para Hero's que funcionam
Os pilares que fazem uma Hero se destacar de verdade: impacto visual, mensagem clara e direção de atenção.
AULA 02
⸱ Dominando padrões de Hero's que convertem (+ Checklist 🎁)
Os modelos que funcionam e um checklist absurdo de prático para criar Hero Sections com mais conversão e menos tentativa.
AULA 03
⸱ Workflow estratégico para criação de Hero's
Veja o passo a passo de como estruturar uma Hero do zero com foco em propósito, hierarquia e refinamento.
AULA 04
⸱ Dominando elementos de profundidade em Hero's
Técnicas avançadas de camadas, sombras e sobreposições para criar profundidade com propósito, sem poluir o layout.
AULA 05
⸱ Princípio do olhar e imagens humanas
Descubra como o direcionamento visual do olhar nas imagens impacta a atenção do usuário e o comportamento na página.
AULA 06
⸱ Gerando imagens com IA (ImageFX + Firefly)
Como usar IA para criar imagens de impacto para Hero Sections, mantendo coesão visual com o restante do layout.
AULA 07
⸱ Adaptando Hero Sections para mobile
Como manter o impacto visual e a clareza da mensagem ao adaptar Hero Sections para telas menores.
MÓD. 10
Insights
8 Aulas
AULA 01
⸱ (UX / Usabilidade) Critérios de usabilidade para componentes de design
Um segredo que designers experientes seguem para entender se componentes seguem critérios de usabilidade.
AULA 02
⸱ (UI) Refinando a separação de conteúdo em lista
Absolutamente todas as maneiras do mundo para gerar separações de conteúdos de maneira elegante, aula de UI nível PRO.
AULA 03
⸱ (🎁Template / Figma) Preparando e organizando um arquivo no Figma para Projetos + Handoff
Os bastidores sobre como eu organizo e entrego meus arquivos com muitos insights extras do mundo real de produto, UX e UI.
AULA 04
⸱ Criando um teste de usabilidade do zero absoluto com Figma / Maze
"Não tive tempo ou não sei testar" com usuários não será mais uma desculpa para você, vou te colocar em outro nível com essa aula.
AULA 05
⸱ Como eu crio grids Desktop, Tablet e Mobile
Tudo sobre minha maneira de criar grids.
AULA 06
⸱ Criando uma paleta de cores do zero (Variáveis + Método 60/30/10)
Usando e definindo cores com variáveis no Figma e método 60/30/10.
AULA 07
⸱ Perguntas para iniciar uma tarefa como um designer de verdade
Perguntas e passos que faço (e que você deveria fazer) antes de sair abrindo o Figma.
AULA 08
⸱ Masterizando o uso de border-radius em interfaces
Arredondamento de bordas não será mais um problema para você, vou te mostrar tudo sobre este assunto na prática, desde técnica, cálculos e mais.
MÓD. 11
Corrigindo interfaces dos Alunos
7 Aulas
AULA 01
⸱ Feedback - Interface Mobile / Little Paws
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 02
⸱ Feedback - Landing Page / Portella
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 03
⸱ Feedback - Landing Page / Safira
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 04
⸱ Feedback - Interface Mobile / Vincula Ação
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 05
⸱ Feedback - Landing Page / Solar
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 06
⸱ Feedback - Landing Page / ADV
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 07
⸱ Feedback - App / Innovating Educating
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
MÓD. 12
Gestalt descomplicada
7 Aulas
AULA 01
⸱ Introdução a Gestalt
Entenda o que é a psicologia da Gestalt e por que ela é a base de toda decisão visual em UI.
AULA 02
⸱ Princípio da Proximidade
Como a distância entre elementos altera completamente a percepção de agrupamento e leitura visual.
AULA 03
⸱ Princípio da Semelhança
Como elementos semelhantes criam padrões, relações e consistência intuitiva na interface.
AULA 04
⸱ Princípio da Continuidade
Use linhas implícitas e fluxos naturais para guiar o olhar do usuário sem esforço.
AULA 05
⸱ Princípio do Fechamento
Como o cérebro completa o que está faltando, e como usar isso a favor do design limpo.
AULA 06
⸱ Princípio da Figura / Fundo
Aprenda a destacar o que importa e evitar ruído visual ao manipular contraste e hierarquia.
AULA 07
⸱ Princípio da Região Comum
Como agrupar visualmente elementos mesmo sem containers explícitos, usando fundo, espaçamento e alinhamento.
MÓD. 13
Protótipos no Figma
12 Aulas
AULA 01
⸱ Porque isto é importante?
Entendendo as facilidades de prototipar de forma interativa no Figma.
AULA 02
⸱ Navegação entre telas e dispositivos de mockup
A mais essêncial, mas a mais importante ação para testar com usuários ou ver protótipos.
AULA 03
⸱ Itens de sistema: iOS & Android
Entendendo algo que deveria ser comum, mas que passa despercebido para a maioria.
AULA 04
⸱ Scroll vertical, independente e componentes fixos
Monte fluxos com scroll vertical livre, travado e com cabeçalhos fixos de forma estruturada.
AULA 05
⸱ Comportamento de Scroll horizontal
Crie carrosséis e conteúdos navegáveis lateralmente de forma suave e sem bugs visuais.
AULA 06
⸱ Flow starting point e organização
Configuração básica de visualização no Figma.
AULA 07
⸱ Interação com delay
Uma maneira de mostrar ainda mais realismo nos seus protótipos. (Essa é a função que eu mais uso).
AULA 08
⸱ Reforçando a interação de Delay (Toast Message)
Aula complementar à anterior.
AULA 09
⸱ Dominando o Smart Animate
Aprenda a usar transições inteligentes com fluidez, consistência e elegância, sem passar trabalho.
AULA 10
⸱ Reforçando o Smart Animate
Aula complementar à anterior.
AULA 11
⸱ Interações de Hover + Variants
Interações para tornar seus protótipos ainda mais reais, principalmente ao testar com usuários.
AULA 12
⸱ Dominando as microinterações com Lottie Files
Aprenda a incorporar animações com Lottie para enriquecer a experiência do usuário sem perder performance + Handoff.
MÓD. 14
Inteligência Artificial
8 Aulas
AULA 01
⸱ Guia de Prompts em Notion 🎁
AULA 02
⸱ IA em design: como integrar, cenário atual e erros comuns
AULA 03
⸱ Gerando diagnóstico visual para suas interfaces
AULA 04
⸱ Protótipos com IA - Como estruturar bons Prompts
AULA 05
⸱ Protótipos com IA - Criando na prática
AULA 06
⸱ Migrando o protótipo do Figma para IA e vice-versa
AULA 07
⸱ Como ganhar argumentos e antecipar erros com IA
AULA 08
⸱ Identificando melhorias estratégicas nas suas conversas com IA + tabelas
MÓD. 1
Boas vindas ao Intuitive Pixel
6 Aulas
AULA 01
⸱ O que vamos aprender e boas vindas ao curso!
Boas vindas calorosas para a sua nova jornada comigo e tudo sobre o que vamos aprender.
AULA 02
⸱ Comunidade no Discord, WhatsApp, suporte e informações
Desbloqueando seu acesso ao Discord, WhatsApp e informações para feedbacks e networking com outros alunos.
AULA 03
⸱ Acesso a biblioteca de recursos e links em Notion🎁
O primeiro presente a gente nunca esquece. Aqui você ganha acesso a biblioteca de recursos com +200 links que você com certeza irá precisar.
AULA 04
⸱ O guia do designer, bônus em Notion 🎁
Outro guia em Notion com recursos para você que está começando, dicas de livros, roadmap de estudo para UX / UI, perfis para seguir e muito mais.
AULA 05
⸱ Criando o seu ID Card do curso
Aqui você cria seu cartão (opcional) de acesso e comemoração ao se juntar com +1000 alunos!
AULA 06
⸱ Guia de práticas para evoluir em UI & UX
Aqui você ganha sua primeira aula sobre como praticar interfaces no dia a dia e também segredos das práticas pessoas que me fizeram evoluir.
MÓD. 2
Tipografia
11 Aulas
AULA 01
⸱ Gerando hierarquia visual com tipografia
Aprenda a usar escala, contraste, peso e espaçamento para criar hierarquias tipográficas que guiam o olhar. Vamos entender os mesmos mecanismos de design que Spotify, HubSpot e Medium usam para induzir ações com elegância.
AULA 02
⸱ Guia de consistência em textos com escalas tipográficas
Evite variações inúteis de fontes e entenda como criar uma escala tipográfica que deixa suas páginas claras, elegantes e que não geram atrito com os devs.
AULA 03
⸱ Line height para textos legíveis e elegantes
Aprenda a definir o espaçamento ideal entre linhas para deixar seus textos mais legíveis e fluidos. Evite erros comuns de line-height que poluem a leitura e descubra cálculos e plugins que trazem ritmo e harmonia tipográfica.
AULA 04
⸱ Por que seu texto cansa, e como resolver com tipografia e ritmo visual
Aprenda a transformar blocos de texto cansativos em conteúdos leves e fáceis de ler. Descubra como usar hierarquia, espaçamento, largura ideal e tópicos para dar respiro e tornar suas interfaces mais escaneáveis e elegantes.
AULA 05
⸱ Cuidados com letras maiúsculas e cenários de uso
Descubra quando usar letras maiúsculas sem comprometer a legibilidade. Evite erros comuns em textos longos e aprenda a aplicar all caps em itens e cenários onde isto realmente funciona.
AULA 06
⸱ Letter-spacing: detalhes que transformam texto comuns em refinados
Entenda como o espaçamento entre caracteres pode arruinar ou elevar a legibilidade de um texto. Aprenda quando usar zero, positivo ou negativo e veja exemplos práticos (até cinematográficos) de como aplicar letter spacing com estilo em títulos e interfaces.
AULA 07
⸱ Como fazer match de combinações tipográficas com precisão
Nesta aula eu te mostro na prática os riscos, exceções, e como descobrir casos para combinações tipográficas.
AULA 08
⸱ White space: criando textos com espaço e leveza
Aqui você entende como o white space influencia foco, leitura e estética, além de dicas práticas para aplicar nos seus layouts.
AULA 09
⸱ Texto justificado (e porque evitar)
Entenda por que a aparente “organização” do texto justificado engana. Veja como ele compromete a legibilidade, afasta a acessibilidade e aprenda as formas mais eficazes de estruturar parágrafos.
AULA 10
⸱ Decidindo fontes com contexto e intenção
Entenda como a escolha da tipografia pode reforçar ou quebrar a mensagem de uma interface. Aprenda a alinhar estilos de fonte ao contexto certo , do formal ao descontraído, e veja exemplos práticos para escolher com mais segurança.
AULA 11
⸱ Eliminando palavras soltas e melhorando fluidez de leitura
Dica prática que acaba passando despercebida por alguns designers a técnicas para evitar isto.
MÓD. 3
Cores
10 Aulas
AULA 01
⸱ Cores para divisões de blocos mais refinados e background neutros
Aprenda a variar backgrounds de forma elegante usando matizes da cores primárias. Descubra como transformar cinzas comuns em tons mais sofisticados e consistentes, criando interfaces muito mais harmônicas.
AULA 02
⸱ Dominando o cuidado com contrastes de cores
Entenda como o contraste entre cores impacta diretamente a legibilidade e a acessibilidade de uma interface. Aprenda a identificar erros comuns, medir contraste, guia de acessibilidade e aplicar combinações que funcionam em qualquer contexto, web, mobile, desktop, não importa!
AULA 03
⸱ Cor primária com propósito, aplicando 60/30/10
Entenda por que o excesso de cor compromete decisões na interface e aprenda a aplicar o método 60/30/10 para equilibrar cores como os grandes: destaque o que importa, reduza ruído visual e conduza ações com clareza.
AULA 04
⸱ Cor nos alertas: como evitar mensagens ignoradas por escolhas ruins
Aprenda a aplicar cores com precisão em alertas, erros e mensagens de sucesso. Entenda padrões semânticos de sistemas reais e evite decisões visuais que confundem o usuário.
AULA 05
⸱ A cor do perigo: realçando ações destrutivas (sem alarmismo)
Aprenda como aplicar o vermelho com estratégia para sinalizar ações destrutivas e evitar erros de UX. Veja boas práticas e exemplos reais de quando usar (e evitar) essa cor que carrega peso emocional e impacto imediato na decisão do usuário.
AULA 06
⸱ Evitando o tom 100% preto (e controvérsias)
Boas práticas de um leve ajuste no uso da cor para melhores resultados na UI.
AULA 07
⸱ Quando a cor cinza vira um problema
Descubra como evitar o erro clássico do uso de cinza na sua UI. Aprenda a criar hierarquia visual com contraste ideal e veja técnicas para adaptar textos e ícones automaticamente a qualquer background, sem perder harmonia.
AULA 08
⸱ Destacando itens selecionados com intencionalidade (e cor)
Entenda como reforçar decisões visuais com cor. Aprenda a sinalizar seleções com clareza, reduzir dúvidas do usuário e acelerar decisões com elementos simples como bordas, contraste e preenchimento, sem perder identidade da marca.
AULA 09
⸱ Simulando tipos de daltonismos em interfaces
Técnicas para simular tipos de daltonismos em UI's e antecipar possíveis problemas.
AULA 10
⸱ Prevendo cores aplicadas em interfaces
Descubra ferramentas práticas para testar paletas, prever harmonia entre cores e simular interfaces reais antes de aplicar, evitando erros, ganhando tempo e garantindo contraste e escalabilidade nos seus projetos de UI.
MÓD. 4
Botões
10 Aulas
AULA 01
⸱ Botões primários, secundários, terciários e prioridades
AULA 02
⸱ Estados de interações
AULA 03
⸱ Psicologia das formas dos botões (quando usar cada um)
AULA 04
⸱ Guia para áreas de toque acessíveis
AULA 05
⸱ Técnicas de Drop-Shadow e Elevações
AULA 06
⸱ Mantendo botões em linha única
AULA 07
⸱ Consistência de estilos
AULA 08
⸱ Ícones + Botões da forma correta
AULA 09
⸱ Botões full width
AULA 10
⸱ Labels com contexto
MÓD. 5
Grid & Layout
8 Aulas
AULA 01
⸱ Guia completo de consistência + Grid 8pts
AULA 02
⸱ Táticas de alinhamento vertical
AULA 03
⸱ Cards + Dominando White Space
AULA 04
⸱ Listas, Grids e Alinhamento Horizontal
AULA 05
⸱ Margens laterais mínimas
AULA 06
⸱ Affordance de scroll
AULA 07
⸱ Adeus alinhamento inconsistente
AULA 08
⸱ Espaçamento fantasma
MÓD. 6
Ícones
7 Aulas
AULA 01
⸱ Guia para o uso de ícones consistentes
AULA 02
⸱ Equilibrando ícones, pesos e textos
AULA 03
⸱ Espaçando ícones
AULA 04
⸱ Escalas de ícones e erros comuns
AULA 05
⸱ Entendendo o uso de ícones, vetores e PNG's
AULA 06
⸱ Ícones universais
AULA 07
⸱ Ícones e bounding boxes
MÓD. 7
Imagens & Textos
6 Aulas
AULA 01
⸱ Guia de combinações entre Imagens + Textos com contraste
AULA 02
⸱ Tons com narrativa da marca
AULA 03
⸱ É por isto que todo design de Dribbble é incrível
AULA 04
⸱ Imagens full width
AULA 05
⸱ Licenças de imagens e riscos invisíveis
AULA 06
⸱ Economizando tempo com imagens no Figma
MÓD. 8
Formulários & Inputs
7 Aulas
AULA 01
⸱ Dominando os principais cuidados com formulários
AULA 02
⸱ Padrões de escaneamento em formulários
AULA 03
⸱ Descomplicando formulários complexos (+Checklist🎁)
AULA 04
⸱ Utilizando labels da forma correta
AULA 05
⸱ Estados de inputs, Handoff e Erros
AULA 06
⸱ A maneira certa de utilizar placeholders
AULA 07
⸱ Detalhes e dicas visuais finais
MÓD. 9
Hero Sections
7 Aulas
AULA 01
⸱ Fundamentos essenciais para Hero's que funcionam
Os pilares que fazem uma Hero se destacar de verdade: impacto visual, mensagem clara e direção de atenção.
AULA 02
⸱ Dominando padrões de Hero's que convertem (+ Checklist 🎁)
Os modelos que funcionam e um checklist absurdo de prático para criar Hero Sections com mais conversão e menos tentativa.
AULA 03
⸱ Workflow estratégico para criação de Hero's
Veja o passo a passo de como estruturar uma Hero do zero com foco em propósito, hierarquia e refinamento.
AULA 04
⸱ Dominando elementos de profundidade em Hero's
Técnicas avançadas de camadas, sombras e sobreposições para criar profundidade com propósito, sem poluir o layout.
AULA 05
⸱ Princípio do olhar e imagens humanas
Descubra como o direcionamento visual do olhar nas imagens impacta a atenção do usuário e o comportamento na página.
AULA 06
⸱ Gerando imagens com IA (ImageFX + Firefly)
Como usar IA para criar imagens de impacto para Hero Sections, mantendo coesão visual com o restante do layout.
AULA 07
⸱ Adaptando Hero Sections para mobile
Como manter o impacto visual e a clareza da mensagem ao adaptar Hero Sections para telas menores.
MÓD. 10
Insights
8 Aulas
AULA 01
⸱ (UX / Usabilidade) Critérios de usabilidade para componentes de design
Um segredo que designers experientes seguem para entender se componentes seguem critérios de usabilidade.
AULA 02
⸱ (UI) Refinando a separação de conteúdo em lista
Absolutamente todas as maneiras do mundo para gerar separações de conteúdos de maneira elegante, aula de UI nível PRO.
AULA 03
⸱ (🎁Template / Figma) Preparando e organizando um arquivo no Figma para Projetos + Handoff
Os bastidores sobre como eu organizo e entrego meus arquivos com muitos insights extras do mundo real de produto, UX e UI.
AULA 04
⸱ Criando um teste de usabilidade do zero absoluto com Figma / Maze
"Não tive tempo ou não sei testar" com usuários não será mais uma desculpa para você, vou te colocar em outro nível com essa aula.
AULA 05
⸱ Como eu crio grids Desktop, Tablet e Mobile
Tudo sobre minha maneira de criar grids.
AULA 06
⸱ Criando uma paleta de cores do zero (Variáveis + Método 60/30/10)
Usando e definindo cores com variáveis no Figma e método 60/30/10.
AULA 07
⸱ Perguntas para iniciar uma tarefa como um designer de verdade
Perguntas e passos que faço (e que você deveria fazer) antes de sair abrindo o Figma.
AULA 08
⸱ Masterizando o uso de border-radius em interfaces
Arredondamento de bordas não será mais um problema para você, vou te mostrar tudo sobre este assunto na prática, desde técnica, cálculos e mais.
MÓD. 11
Corrigindo interfaces dos Alunos
7 Aulas
AULA 01
⸱ Feedback - Interface Mobile / Little Paws
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 02
⸱ Feedback - Landing Page / Portella
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 03
⸱ Feedback - Landing Page / Safira
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 04
⸱ Feedback - Interface Mobile / Vincula Ação
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 05
⸱ Feedback - Landing Page / Solar
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 06
⸱ Feedback - Landing Page / ADV
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 07
⸱ Feedback - App / Innovating Educating
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
MÓD. 12
Gestalt descomplicada
7 Aulas
AULA 01
⸱ Introdução a Gestalt
Entenda o que é a psicologia da Gestalt e por que ela é a base de toda decisão visual em UI.
AULA 02
⸱ Princípio da Proximidade
Como a distância entre elementos altera completamente a percepção de agrupamento e leitura visual.
AULA 03
⸱ Princípio da Semelhança
Como elementos semelhantes criam padrões, relações e consistência intuitiva na interface.
AULA 04
⸱ Princípio da Continuidade
Use linhas implícitas e fluxos naturais para guiar o olhar do usuário sem esforço.
AULA 05
⸱ Princípio do Fechamento
Como o cérebro completa o que está faltando, e como usar isso a favor do design limpo.
AULA 06
⸱ Princípio da Figura / Fundo
Aprenda a destacar o que importa e evitar ruído visual ao manipular contraste e hierarquia.
AULA 07
⸱ Princípio da Região Comum
Como agrupar visualmente elementos mesmo sem containers explícitos, usando fundo, espaçamento e alinhamento.
MÓD. 13
Protótipos no Figma
12 Aulas
AULA 01
⸱ Porque isto é importante?
Entendendo as facilidades de prototipar de forma interativa no Figma.
AULA 02
⸱ Navegação entre telas e dispositivos de mockup
A mais essêncial, mas a mais importante ação para testar com usuários ou ver protótipos.
AULA 03
⸱ Itens de sistema: iOS & Android
Entendendo algo que deveria ser comum, mas que passa despercebido para a maioria.
AULA 04
⸱ Scroll vertical, independente e componentes fixos
Monte fluxos com scroll vertical livre, travado e com cabeçalhos fixos de forma estruturada.
AULA 05
⸱ Comportamento de Scroll horizontal
Crie carrosséis e conteúdos navegáveis lateralmente de forma suave e sem bugs visuais.
AULA 06
⸱ Flow starting point e organização
Configuração básica de visualização no Figma.
AULA 07
⸱ Interação com delay
Uma maneira de mostrar ainda mais realismo nos seus protótipos. (Essa é a função que eu mais uso).
AULA 08
⸱ Reforçando a interação de Delay (Toast Message)
Aula complementar à anterior.
AULA 09
⸱ Dominando o Smart Animate
Aprenda a usar transições inteligentes com fluidez, consistência e elegância, sem passar trabalho.
AULA 10
⸱ Reforçando o Smart Animate
Aula complementar à anterior.
AULA 11
⸱ Interações de Hover + Variants
Interações para tornar seus protótipos ainda mais reais, principalmente ao testar com usuários.
AULA 12
⸱ Dominando as microinterações com Lottie Files
Aprenda a incorporar animações com Lottie para enriquecer a experiência do usuário sem perder performance + Handoff.
MÓD. 14
Inteligência Artificial
8 Aulas
AULA 01
⸱ Guia de Prompts em Notion 🎁
AULA 02
⸱ IA em design: como integrar, cenário atual e erros comuns
AULA 03
⸱ Gerando diagnóstico visual para suas interfaces
AULA 04
⸱ Protótipos com IA - Como estruturar bons Prompts
AULA 05
⸱ Protótipos com IA - Criando na prática
AULA 06
⸱ Migrando o protótipo do Figma para IA e vice-versa
AULA 07
⸱ Como ganhar argumentos e antecipar erros com IA
AULA 08
⸱ Identificando melhorias estratégicas nas suas conversas com IA + tabelas
DEPOIMENTOS DOS ALUNOS
O que meus +1000 alunos falam sobre o curso?
Antes do curso, eu tinha dificuldades em tomar decisões. Como sou nova na área, era difícil entender como as coisas funcionam e quais são os impactos das minhas escolhas. Depois do curso, estou colocando em prática os ensinamentos e aprendendo a tomar decisões mais conscientes e eficazes.
Livia Araujo
Product Designer
A didática apresentada no curso é muito boa e de fácil entendimento! Um curso bem prático, rápido e objetivo, com aulas direto ao ponto. Pude explorar minuciosamente detalhes sobre tipografia, cores, grids, botões, imagens, ícones e tantos outros aspectos que moldam experiências impactantes para os usuários.
Ricardo Miranda
Product Designer
Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.
Lívia Azevedo
Graphic Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo varias e varias vezes.
Williams Costa
Designer
O curso é incrível, super detalhado e as explicações são bem claras. Além disso, a qualidade das aulas e dos vídeos é top. Não posso deixar de falar dos materiais extras, como o Notion, que são demais e ajudam muito no aprendizado. Tudo junto faz com que o curso seja muito completo.
Juliana Colem
Product Designer
DEPOIMENTOS DOS ALUNOS
O que meus +1000 alunos falam sobre o curso?
Antes do curso, eu tinha dificuldades em tomar decisões. Como sou nova na área, era difícil entender como as coisas funcionam e quais são os impactos das minhas escolhas. Depois do curso, estou colocando em prática os ensinamentos e aprendendo a tomar decisões mais conscientes e eficazes.
Livia Araujo
Product Designer
A didática apresentada no curso é muito boa e de fácil entendimento! Um curso bem prático, rápido e objetivo, com aulas direto ao ponto. Pude explorar minuciosamente detalhes sobre tipografia, cores, grids, botões, imagens, ícones e tantos outros aspectos que moldam experiências impactantes para os usuários.
Ricardo Miranda
Product Designer
Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.
Lívia Azevedo
Graphic Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo varias e varias vezes.
Williams Costa
Designer
O curso é incrível, super detalhado e as explicações são bem claras. Além disso, a qualidade das aulas e dos vídeos é top. Não posso deixar de falar dos materiais extras, como o Notion, que são demais e ajudam muito no aprendizado. Tudo junto faz com que o curso seja muito completo.
Juliana Colem
Product Designer
DEPOIMENTOS DOS ALUNOS
O que meus +1000 alunos falam sobre o curso?
Antes do curso, eu tinha dificuldades em tomar decisões. Como sou nova na área, era difícil entender como as coisas funcionam e quais são os impactos das minhas escolhas. Depois do curso, estou colocando em prática os ensinamentos e aprendendo a tomar decisões mais conscientes e eficazes.
Livia Araujo
Product Designer
A didática apresentada no curso é muito boa e de fácil entendimento! Um curso bem prático, rápido e objetivo, com aulas direto ao ponto. Pude explorar minuciosamente detalhes sobre tipografia, cores, grids, botões, imagens, ícones e tantos outros aspectos que moldam experiências impactantes para os usuários.
Ricardo Miranda
Product Designer
Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.
Lívia Azevedo
Graphic Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo varias e varias vezes.
Williams Costa
Designer
O curso é incrível, super detalhado e as explicações são bem claras. Além disso, a qualidade das aulas e dos vídeos é top. Não posso deixar de falar dos materiais extras, como o Notion, que são demais e ajudam muito no aprendizado. Tudo junto faz com que o curso seja muito completo.
Juliana Colem
Product Designer
os alunos amam a minha entrega
Seu relato de sucesso aqui!
Assim que virar meu aluno (a) e se encantar com o curso, é só me enviar seu feedback no Instagram ;)
Seu relato de sucesso aqui!
Assim que virar meu aluno (a) e se encantar com o curso, é só me enviar seu feedback no Instagram ;)
inserir meu relato
UM RESUMO SOBRE MIM
Opa, eu me chamo Andrey 👋
Atuei como Product Designer na Organizze e estou há 4 anos atuando como Senior Product Designer na Simples Dental, o maior software odontológico da América Latina e parte do maior grupo odontológico do mundo, Henry Schein.
Criador do Guia de Boas Práticas para Interfaces com selo Best Seller na Hotmart, mais de 1000 alunos e nota 5/5 de satisfação.
Bacharel em Design Gráfico, se especializou e trabalha como UI/UX Designer.
Participou como instrutor em cursos de Design como Design Circuit, UI Pro, Projeto UX, Faculdade SATC, Mentorama, Deploy UX, Papo de UX e+!
Working on / 4y 3m
Past experience / 2y 9m
Past experience / 2y
UM RESUMO SOBRE MIM
Opa, eu me chamo Andrey Knabben 👋
UM RESUMO SOBRE MIM
Opa, eu me chamo Andrey 👋
Atuei como Product Designer na Organizze e estou há 4 anos atuando como Senior Product Designer na Simples Dental, o maior software odontológico da América Latina e parte do maior grupo odontológico do mundo, Henry Schein.
Criador do Guia de Boas Práticas para Interfaces com selo Best Seller na Hotmart, mais de 1000 alunos e nota 5/5 de satisfação.
Bacharel em Design Gráfico, se especializou e trabalha como UI/UX Designer.
Participou como instrutor em cursos de Design como Design Circuit, UI Pro, Projeto UX, Faculdade SATC, Mentorama, Deploy UX, Papo de UX e+!
Working on / 4y 3m
Past experience / 2y 9m
Past experience / 2y
UM RESUMO SOBRE MIM
Opa, eu me chamo Andrey Knabben 👋
PROMOÇÃO DO MÊS ATIVA
Sua compra em Agosto garante…
Comunidade no Discord
Para aprender, interagir e solicitar feedbacks com os alunos do curso!
Biblioteca de UI/UX
Uma lista extensa de links e recursos
para a área de UI & UX Design!
O Guia do Designer
Um guia completo em Notion com vários recursos e necessidades da área.
Lifetime access
Acesso vitalício as aulas para você avançar no ritmo que preferir.
Aulas extras e updates
Muito conhecimento extra e além
da conta para não ficar parado.
Networking no WhatsApp
Além do Discord e suporte, temos uma comunidade ativa no WhatsApp!
CERTIFICADO DE CONCLUSÃO
Seu design comunica, e seu
certificado também
Certificado pronto para publicar no LinkedIn.
EDIÇÃO 2025
"Recomendo este curso de olhos fechados, porque sei o quanto ele é capaz de abrir os seus"
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
🙌 Meus alunos falam que eu entrego muito mais pelo preço que cobro no curso, e acho que vc vai concordar com isto :)
De R$ 597,00 por
12x R$ 37,96
ou R$ 367,00 à vista
7 dias de garantia! Se não gostar, devolvo 100% do seu dinheiro, zero riscos para vc :)
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
"Recomendo este curso de olhos fechados, porque sei o quanto ele é capaz de abrir os seus"
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
🙌 Meus alunos falam que eu entrego muito mais pelo preço que cobro no curso, e acho que vc vai concordar com isto :)
De R$ 597,00 por
12x R$ 37,96
ou R$ 367,00 à vista
7 dias de garantia! Se não gostar, devolvo 100% do seu dinheiro, zero riscos para vc :)
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
"Recomendo este curso de olhos fechados, porque sei o quanto ele é capaz de abrir os seus"
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
🙌 Meus alunos falam que eu entrego muito mais pelo preço que cobro no curso, e acho que vc vai concordar com isto :)
De R$ 597 por apenas:
12x R$ 37,96
ou R$ 367,00 à vista
7 dias de garantia! Se não gostar, devolvo 100% do seu dinheiro :)
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
“Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo várias e várias vezes.”
Williams Costa
Designer
“Um curso que saiu do óbvio. De modo geral as pessoas querem conteúdos que só ensinem a como operar o Figma, quando na realidade nosso mercado carece de base teórica e dicas em Design. Esse curso entregou fundamentos, dicas, práticas e+!”
Rodrigo Teixeira
Design Specialist
“Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.”
Lívia Azevedo
Graphic Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
Perguntas Frequentes
O FAQ não te ajudou? Envie um email
para contato@andreyknabbenn.com
Perguntas Frequentes
O FAQ não te ajudou? Envie um email
para contato@andreyknabbenn.com
Perguntas Frequentes
O FAQ não te ajudou? Envie um email
para contato@andreyknabbenn.com
Sou iniciante, o curso serve para mim?
Sou iniciante, o curso serve para mim?
Sou avançado e já crio tudo perfeito, é para mim?
Sou avançado e já crio tudo perfeito, é para mim?
Quando eu NÃO devo comprar o curso?
Quando eu NÃO devo comprar o curso?
Porque falam que o curso entrega mais do que promete?
Porque falam que o curso entrega mais do que promete?
Preciso dominar Figma para aproveitar o curso?
Preciso dominar Figma para aproveitar o curso?
Porque este curso é um diferencial no mercado de trabalho?
Porque este curso é um diferencial no mercado de trabalho?
Por quanto tempo terei acesso as aulas?
Por quanto tempo terei acesso as aulas?
Vou conseguir tirar dúvidas com o instrutor?
Vou conseguir tirar dúvidas com o instrutor?
Qual a carga horária do curso?
Qual a carga horária do curso?
Ganho certificado ao concluir?
Ganho certificado ao concluir?
E se eu acabar não gostando das aulas?
E se eu acabar não gostando das aulas?
Sou iniciante, o curso serve para mim?
Sou avançado e já crio tudo perfeito, é para mim?
Quando eu NÃO devo comprar o curso?
Porque falam que o curso entrega mais do que promete?
Preciso dominar Figma para aproveitar o curso?
Porque este curso é um diferencial no mercado de trabalho?
Por quanto tempo terei acesso as aulas?
Vou conseguir tirar dúvidas com o instrutor?
Qual a carga horária do curso?
Ganho certificado ao concluir?
E se eu acabar não gostando das aulas?
os alunos amam minha entrega!
ATUALIZAÇÕES CONSTANTES
Aulas novas, updates constantes
O curso não para de crescer, são atualizações constantes e aulas atualizadas para você não ficar atrasado (a).
ATUALIZAÇÕES CONSTANTES
Aulas novas, updates constantes
O curso não para de crescer, são atualizações constantes e aulas atualizadas para você não ficar atrasado (a).
“Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo várias e várias vezes.”
Williams Costa
Designer
“Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo várias e várias vezes.”
Williams Costa
Designer
“Um curso que saiu do óbvio. De modo geral as pessoas querem conteúdos que só ensinem a como operar o Figma, quando na realidade nosso mercado carece de base teórica e dicas em Design. Esse curso entregou fundamentos, dicas, práticas e+!”
Rodrigo Teixeira
Design Specialist
“Um curso que saiu do óbvio. De modo geral as pessoas querem conteúdos que só ensinem a como operar o Figma, quando na realidade nosso mercado carece de base teórica e dicas em Design. Esse curso entregou fundamentos, dicas, práticas e+!”
Rodrigo Teixeira
Design Specialist
“Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.”
Lívia Azevedo
Graphic Designer
“Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.”
Lívia Azevedo
Graphic Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
e muito + alunos transformados!