Conheça o curso que faz você levar o melhor do motion design para dentro das interfaces. Saiba como se preparar, de forma completa, para atuar como UX motion designer no mercado do motion centrado na experiência.
O que é UX Motion Design?
“UX motion design é onde movimento e propósito se encontram na experiência.”
UX Motion Design é a junção de dois universos que estão cada vez mais inseparáveis: motion design e experiência do usuário. Através de animações com propósitos bem definidos, melhoramos a experiência do usuário desde a sua usabilidade até o deleite. A proposta da nova Formação UX Motion é preparar você para aproveitar este mercado em constante ascensão e demanda de profissionais qualificados.

Por que aprender sobre UX Motion Design?
Empresas precisam do profissional de UX motion:
Cada vez mais, empresas têm investido muito em experiência do usuário (UX), buscando oferecer a melhor experiência ao cliente.
Não adianta ser só bonito:
Motion precisa ter significado, é necessário um olhar estratégico sobre cada movimento que interage com os usuários, cada comportamento dos elementos numa interface.
UX motion é a ponte entre UI e UX:
Entre a interface e o usuário, conseguimos alcançar a melhor experiência possível através do movimento.
É uma expertise que se tornou exigência:
A tendência é um crescimento gigante de novos produtos e de tecnologias que necessitam de interações animadas.
O que você vai aprender?
Introdução ao Curso
Visão geral sobre a dinâmica do curso, as mentorias, e como usar o Discord, scripts e plugins para apoio.
Como vai funcionar o curso
Interação exclusiva pelo Discord
Como vai funcionar a mentoria
Desenvolvendo sua biblioteca de referências
Aprenda a buscar, organizar e tornar o uso de referências um hábito para aprimorar o processo criativo.
A importância de referências
Tornando referências um hábito
Onde buscar referências
Fundamentos de UX
Introdução aos princípios básicos de UX, com foco na relação entre UX e UI design.
Introdução à UX Design
Diferença entre UI e UX Design
Princípios Básicos de UX Design
Branding e Experiência
Explora conceitos de branding, motion branding, e como alinhá-los à experiência do usuário no UX Motion.
Introdução ao UX Motion Design
Introdução ao Motion Branding
O que é Branding
Conectando UX Motion e Motion Branding
Princípios de UX Motion
Aprofundamento em princípios fundamentais que guiam o UX Motion, para criar animações funcionais e significativas.
Introdução aos princípios de UX Motion
Relacionamento
Informativo
Profundidade
Feedback
Deleite
Continuidade
Expectativa
Consistência
Narrativa
Easing
Motion Systems
Aprenda a criar e aplicar um Motion System escalável, explorando atomic design, tokens e especificações.
O que é o Design System
Quando devo construir o Motion System
O que é um Motion System
Modos de contribuição
Escalabilidade e atualização
Exemplos de Motion Systems
As bases para se construir um Motion System
Testes com animação de componentes
Atomic design
Implementação, cubic bezier, easing, milisegundos
Tokens
Specs
Levando interfaces para o After Effects
Importação de designs do Illustrator e Figma para o After Effects, iniciando o processo de animação.
Illustrator
Figma
Princípios da Animação no After
Fundamentos de animação no After Effects, cobrindo keyframes, easing, e técnicas essenciais para motion design.
A interface do After
Máscaras e Mattes
Parâmetros
Shape Layers
Introdução à Keyframes
Atalhos
Easing e Curva de Animação
Render
Expressão e Parentesco
Scripts e Plugins de Apoio
Animação de Componentes
Animações de elementos comuns em interfaces, como botões, ícones e gráficos, para interações práticas.
Botões
Loader
Switch
Gráfico Barra
Sliders
Gráfico Linha
Mudança de Valores (+ e -)
Gráfico Rosca
Like / Favoritos
Simulação Interface Gráficos
Hamburger Icon
Animação de Interações Fundamentais
Exploração de animações básicas para interações, como scroll, clique, e tap e arrasta.
Saída e entrada de elementos em tela
Tap e arrasta
Scroll
Click
Tap
Digitação
Transições entre telas
Técnicas para criar transições suaves entre telas, com efeitos como zoom, blur e crossfade.
Como pensar na direção entrada e saída de elementos
Slide (Sobreposição e Deslocamento)
Crossfade
Zoom in/out
Obscuração e Desfoque (Blur)
Layout Loader
Exportação (lottie, Spacetime...)
Processo de exportação para implementação em código, incluindo Lottie e Spacetime, com foco no handoff para devs.
Como funciona a exportação do After para implementação em código
JSON vs Código - quando usar um ou outro
Inspector Spacetime
Handoff - como entregar suas animações para o desenvolvedor
Lottie Files - Como instalar e pensar as animações
Lottie Files - Testando animação - web e mobile
Lottie Files - Como exportar em código
O Papel do UX Motion Designer
Entenda a estrutura das equipes, a importância da acessibilidade e como otimizar o workflow de design.
Entendendo a estrutura de uma equipe
Acessibilidade
Menos criativo mais eficiente
O lado do Desenvolvedor
Como UX Motion Designers e desenvolvedores trabalham juntos, superando desafios na comunicação de animações.
A relação do Dev com UX Motion Designers
Desafios na Comunicação de Motion para Devs
Exemplo de implementação do lado do Dev
Mercado do UX Motion
Visão sobre diferentes atuações no mercado de UX Motion e as oportunidades no Brasil e exterior.
AS diferentes formas de trabalhar com UX Motion
Mercado Internacional vs Brasil
Diferentes nomenclaturas para UX Motion
Principais habilidades que você vai desenvolver na Formação em UX Motion Design
Fundamento e teoria
Comece sua jornada conhecendo os fundamentos do UX Motion, entendendo sobre UX Design, Branding e movimento, Motion System e muito mais.
Keyframe e prática
Em seguida, explore um conteúdo que começa desde o básico até o avançado do After Effects com desenvolvimento de animações mais complexas.
Código e handoff
Depois, aprenda a exportar as animações em código e fazer um handoff da melhor maneira possível para a equipe de desenvolvimento.
Carreira e portfólio
Entramos na parte de carreira, onde você vai aprender na prática como é o dia-a-dia de um UX Motion Designer trabalhando em uma empresa de produto. Aprenda também o que você precisa ter em mente para ser um profissional de destaque para as empresas, além de conhecer o lado do desenvolvedor e como vocês vão unir suas forças.
Mercado nacional e internacional
Por último, finalize o conteúdo com uma boa visão sobre o mercado, ampliando o horizonte não só no Brasil como em todo o mundo.

R$ 4.970
R$ 3.970
- +80 aulas divididas entre blocos conceituais, técnicos e carreira
- 4 meses de curso
- 9 encontros de mentoria com os melhores profissionais do mercado
- 7 professores atuantes no mercado
- Acesso a uma comunidade fechada
- Certificado de conclusão
- Acesso vitalício
Pagamento 100% seguro

O que dizem nossos alunos
Carlos Darcie
"É um curso vivo porque você vai assistir às aulas , você vai fazer os exercícios, e eles vão corrigir esses exercícios sabendo onde você errou, onde você acertou e te darão dicas; Isso é muito incrível(...) quando você entra na área de UX Motion você vê que tem muitas coisas novas, muitas maneiras novas de exportar, inclusive como você anima é uma forma diferente justamente pensando na forma da exportação e da aplicação, seja para mobile ou pra web."
Menezes Neto
"Fui buscando formas de atuar no Motion, que é o que eu gosto de fazer, mas também em algo crescente, algo que esteja em expansão, algo que esteja pouco lapidado e que tenha muita muita oportunidade para a galera que quer crescer no ramo e aí me deparei com o UX Motion, um campo muito bom.(...) Por conta do UX Motion isso foi um diferencial para mim em que fui chamado para atuar como UX Motion Designer(...) numa empresa do qual hoje eu sou um dos donos e eu tenho o prazer de falar que eu vim do curso de UX Motion Design."
Vinicius Cruz
"O curso foi um divisor de águas. Fiz muita pesquisa, corri muito atrás de conteúdo com relação a isso e eu tenho a tendência de ser que talvez seja um dos melhores que exista, pelo acompanhamento, pela preocupação, pela quantidade de conteúdo e pelo conhecimento dos mentores. Recomendo demais."
Michel Santos
"O conteúdo é muito enriquecedor, todas as aulas são muito boas, inclusive as lives ajudam muito a gente, tem bastante conteúdo online que agrega muito conhecimento. (...) a troca que a gente tem na comunidade é muito legal, muito participativos respondendo todas as dúvidas, dando dicas, trazendo informações constantes e isso ajuda muito também."
Humberto Fortuna
"No final do curso você vai sair dali realmente sabendo fazer animação de interface. O Pedro e o Felippe não fazem somente exemplos superficiais de como fazer uma animação. Eles realmente aprofundam bastante no assunto e você aprender mesmo. É muito bom!"
Conheça os professores

Felippe Silveira
Co-Fundador da MOWE Studio (Estados Unidos) e Mestre em Motion Design pela BAU School of Design (Espanha) encarregado de projetos de Motion para clientes como: Google, Adobe, Fender, Pfizer, Zeplin, VTEX, entre outros. @felippesilveira

Pedro Aquino
Renomado motion designer com 15 anos de experiência no campo. Formado em Comunicação, tem uma paixão profunda por keyframes. Além de ser o fundador da prestigiada escola de motion PAFX, Pedro tem em seu portfólio animações para gigantes do mercado como Google, Spotify, Meta e IBM. @pedroaquinofx

Murilo Emerick
Formado em Design pela Universidade Presbiteriana Mackenzie desde 2014, Murilo trabalha há cinco anos na área do design, principalmente com ilustração, diagramação e direção de arte. Migrou para o Motion Design há 3 anos. Atualmente é 2D animator na MOWE Studio. @muriloemerick

Thaís Camir
Ux Motion no Itaú, com mais de 7 anos de experiência em Motion Design. Já trabalhou com Nubank, Easynvest, Samsung, Canon, entre outros. Vencedora prata do prêmio BDA com Itaú Design System e finalista do prêmio Walther Moreira Salles e BDA com a biblioteca de ilustrações acessíveis e animadas. @thaisinmotion

Henrique Rosatto
UX Motion Designer e especialista em animações Lottie com mais de 8 anos de experiencia. Atuou como freelancer por quase 5 anos para empresas de diversos países desenvolvendo animações para sites e aplicativos. Atualmente atua no time de Design System do BTG Pactual. @henriqrossatto

Murilo Teixeira
Desenvolvedor iOS e bacharel em Ciência da Computação pela Universidade Católica de Brasília (UCB). Ex-aluno da Apple Developer Academy UCB e encarregado do Design System iOS dos apps de Investimentos e Banking do Banco BTG Pactual. @murilotxr

Lara Mendonça
Líder de Design e educadora. Possui Mestrado em Artes pelo London College of Communication da University of the Arts London. Nos últimos 12 anos, atuou em diversas disciplinas de design, incluindo interação, identidade de marca, motion design, editorial, publicidade e ilustração. Trabalhou para empresas como Tumblr, Twitter, Bumble, Wise, HSBC, Mitsubishi, Sky e Globosat. @laramendon.ca
Perguntas frequentes
Sou inciante ou nunca usei o After Effects, este curso é para mim?
Sim! Mesmo se não tiver qualquer conhecimento de After Effects, este curso possui um módulo dedicado a te ensinar o que é fundamental para que possa utilizar a ferramenta no contexto de UX Motion. Fora isso, as aulas práticas irão lhe apresentar novas funcionalidades e expandir o seu conhecimento sobre o software.
Eu preciso saber desenhar interfaces ou ser um UI Designer para conseguir aplicar os conhecimentos do curso?
Não precisa. Por mais que a todo momento estaremos animando interfaces e interagindo com ícones, gráficos e elementos, o foco do curso está no movimento (Motion). Todo material visual utilizado para passarmos o conteúdo do curso estará disponível para que você possa baixar e aplicar o conhecimento da lição.
Vocês irão ensinar sobre como importar a animação para dentro de um site/aplicativo?
Vamos focar na atuação do Motion Design dentro do cenário de UX e interfaces. Iremos te mostrar todos os passos para preparar a animação; os detalhes e limitações que você precisa ter em mente; como exportar suas animações para web; e como entender o arquivo gerado para que você possa passar isso para os programadores e web designers. A parte de importação é algo mais específico de quem trabalha no código destas plataformas, por isso iremos focar em como desenvolver um bom Motion e em como ter conteúdo para conversar de igual pra igual com os programadores que irão importar seu trabalho.
Por quanto tempo terei acesso ao conteúdo?
O material do curso, junto com as gravações das lives e todo o conteúdo que compartilharmos, estará disponível de forma vitalícia, para que você possa acompanhar, ver e rever as lições quando quiser.
O que acontece se eu não conseguir comparecer nos dias das mentorias ao vivo?
Pode ficar tranquilo que não te deixaremos na mão. Todas as mentorias serão gravadas para que os alunos que não compareceram, ou que queiram rever o conteúdo, possa assistí-las na hora que quiserem. Entretanto, nós encorajamos ao máximo a sua presença nesses eventos para que podemos tirar qualquer dúvida que você tiver, ao vivo.
Caso eu não consiga acompanhar o curso durante os 4 meses de duração; É possível fazê-lo depois?
Ao adquirir o curso UX Motion Design, você não apenas irá ter acesso ao acompanhamento dos nossos instrutores durante as 9 aulas do curso, como também terá acesso vitalício a todo o material. Você poderá fazer o curso junto com a turma, ou no seu tempo, aonde e quando você quiser.
Por quanto tempo o grupo do Discord estará Disponível?
A comunidade de UX Motion Design no Discord estará disponível por tempo indeterminado. Durante as semanas de duração do curso, os instrutores estarão presentes interagindo e ajudando a todos que tiverem dúvida. Após o termino do curso, este grupo continuará ativo, e todos os alunos e ex-alunos estarão em contato, estabelecendo assim novas amizades, parcerias profissionais e ajudando a comunidade a crescer junta.
Depois de fazer o curso, estarei preparado para trabalhar na área?
Com o UX Motion Design, você terá todo o conhecimento necessário para trabalhar na área. Entretanto, tudo depende do quanto você consegue aproveitar tudo que temos a oferecer no curso. Fazendo todas as lições, interagindo na comunidade exclusiva do Discord, fazendo perguntas e participando das mentorias, você irá garantir o conhecimento necessário para que esteja preparado a trabalhar na área.
O curso possui certificado?
Sim, todos nossos cursos possuem certificado digital.
