-40%
para os primeiros 20 alunos
Promo Sticker

Curso online de

Torne-se um profissional completo capaz de trabalhar com habilidades de UX/UI e Front-end. Você vai aprender desde a criação da interface até a programação de produtos digitais. Aumente as suas chances de empregabilidade numa das áreas mais promissoras do mercado e se destaque como um Full Stack Designer.

Profissão: Full Stack Designer

gradiente
Comece a estudar agora pagando 10% de entrada. A próxima parcela é só daqui a seis meses.
Para enriquecer o seu portfólio profissional
4 projetos
Consultoria especializada e assessoria em emprego
Centro de Carreiras
Atividades ao longo do curso e feedback individualizado do tutor
Prática e mentoria
4 cursos em 10 meses, com mais de 40 horas de aulas
Formação Completa

Full Stack Designer:
o profissional mais completo do web design

UX
UI
Front-end
gráfico
Design
Tela

Uma carreira promissora e bem paga

UX/UI Designers e desenvolvedores Front-end estão entre as 10 principais e mais demandadas profissões digitais da atualidade
ponto
Alta demanda
É uma profissão completa: contempla desde a concepção, pesquisa, wireframes até a interface com o usuário e layouts.
ponto
Diferencial
São mais de 3.000 vagas/mês no LinkedIn Brasil somando as áreas de Front-end, UX e UI Design.
ponto
Mercado aquecido
O Full Stack Designer é o profissional mais completo do web design. Além de dominar todas as etapas de desenvolvimento de aplicações digitais, ele atua de forma independente tanto em UX quanto em UI e Front-end para crescer no mercado de trabalho.
Computador
pessoas

Grandes empresas que buscam por Full Stack Designers

Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Sênior
*Ref. Glassdoor.com.br for UX/UI designers para a região de São Paulo
Até R$ 12.500/mês
Pleno
R$ 7.065/mês
Júnior
R$ 4.394/mês

Quanto ganha um Full Stack Designer

Se você quer se aprofundar nos conceitos de interface e experiência do usuário para criar layouts atraentes e funcionais, este curso é pra você. Aprenda técnicas de design gráfico que lhe permitirão criar protótipos e montar uma bela aplicação do zero para ingressar na área.
Para além do layout, aprenda o manejo da interface para garantir a melhor experiência para o usuário. Pratique suas habilidades e veja como aplicá-las à programação em soluções web diversificadas para crescer no Full Stack Design.
Aprenda UX/UI e habilidades do design para produzir layouts e codificá-los em aplicativos web responsivos com HTML, CSS e Javascript. Desenvolva suas habilidades no design para concorrer a projetos mais complexos e bem remunerados.
Iniciantes em design
Desenvolvedores web
Designers que desejam aprender a programar
estudo
textos
pessoas

Para quem este curso é indicado

Pesquise os usuários e entenda as necessidades visuais de suas interfaces para criar a solução mais apropriada com base nas melhores práticas de UX e UI.
Crie soluções visuais e protótipos completos nas três plataformas.
Transforme seus designs gráficos em protótipos de aplicativos web responsivos.
Projete e implemente um workflow de produção de design gráfico e web.
Interfaces e soluções visuais
Fluxos de trabalho
Protótipos
Figma
Crie aplicativos da web com base em seus protótipos usando linguagens de programação básicas.
Crie aplicativos da web interativos em Javascript e JQuery.
Apps interativos
HTML, CSS e Javascript
certificado
ponto
ponto
ponto
ponto
ponto
ponto

O que você aprenderá

No final do curso, você receberá o certificado da EBAC
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Domine as ferramentas necessárias
Planeje, crie e implante páginas responsivas e multiplataformas com CSS, SASS e Bootstrap.
Use tecnologias de integração de APIs e estratégias de otimização dos mecanismo de busca mais recentes.
APIs e SEO
Páginas responsivas
ponto
ponto
Logotipo

Nossos professores

Doutora em Comunicação Social pela Universidade Metodista (SBC) em parceria com o Centro de Pesquisas de Games (ITU / Dinamarca), e mestre em Comércio Eletrônico pelo Rochester Institute of Technology, Amyris combina o foco em estratégias de negócios com habilidades avançadas de construção de equipes e mentoria. Com passagens por empresas como Bayer, Natura, Telefónica, Dentsu e Buscapé, hoje é sócia-diretora da Usability Expert Consultores, empresa de design thinking, inovação e design voltado para UX.
Amyris Fernandez
Atua como especialista em Design de Produto na fintech multinacional SumUp, projetando produtos financeiros e capacitando pequenos comerciantes a impulsionar seus negócios por meio de design e tecnologia em todo o mundo. Possui mais de 10 anos de atuação no mercado, já desenvolveu experiências digitais para clientes como Grupo Abril, Oi, IBM, Citibank, Grupo Movile, Zingfit, Maplink e Truckpad.
Thiago Barcellos
Desenvolvedor Web desde 2008, com vasta experiência em projetos de internet, incluindo dispositivos móveis, marketing e performance digital. Já trabalhou em empresas como UOL, Valor Econômico, Editora Abril e PagSeguro, além de prestar consultoria para diversas marcas nacionais e multinacionais. No currículo estão ainda múltiplas experiências com React, JavaScript, HTML5, SASS, Node.js, Vue.js, Next.js, Laravel, typescript e nest.js.
Marcelo Cavalcante
Porfessor
Porfessor
Professor
UX & Business Strategist
Principal Product Designer na SumUp
Tech Leader na Dasa
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
Makson trabalhou por mais de 8 anos no Brasil, onde colaborou em projetos importantes em empresas como Movile, PlayKids e Pipefy. Logo após se mudou para o Canadá se juntando ao time de design da Hopper, uma das 50 empresas mais inovadoras do mundo no segmento de viagem, segundo a Fast Company. Hoje com um time de 12 pessoas na Wingocard, está criando do zero um banco teen em Montréal com a missão de empoderar financeiramente o adolescente desde cedo.
Makson Serpa
Professor
Product designer, Lead na Wingocard
Logotipo
Logotipo
Logotipo
Logotipo
Logotipo
As videoaulas são separadas em 35 módulos para facilitar o aprendizado.
O aluno assiste quando e onde quiser - e pode rever o material e reforçar o aprendizado pelo período de dois anos.

Programa do curso

Curso 1
UX Design

1. Design para pessoas: definição e cenário atual no Brasil
Você começará com uma introdução sobre o valor do design na era do cliente. Você vai ver o que é UX e UI, os benefícios da aplicação do design em produtos ou serviços, a evolução, os ROIs do design e cases que mudaram indústrias e mercados inteiros.

  • Designing for people: Empatia
  • Designing for people: Introdução ao UX
  • A importância de UX Design para as empresas
  • O mercado de UX no Brasil
  • A carreira de UX

Atividades: Escreva um texto sobre os resultados e a aprendizagem durante o exercício de escuta empática.
2. Design Thinking
Entenda o que é Design Thinking e como implementá-lo em projetos. Veja a diferença entre usuários e stakeholders e como mapear seu público de interesse para alcançar os melhores resultados de negócio.

  • Estudo de Caso: Carrinho de compras da IDEO
  • Introdução ao Design Thinking

Atividades: Escolha um tema que deseje trabalhar ou um dos 3 briefings fornecidos pelo Banco Original.
3. Definição de problema e ideação
Depois da fase de pesquisa, explore a matriz que ajuda os designers a visualizarem resultados de pesquisa.

  • Personas e Mapa de empatia
  • Jornada do usuário
  • Needs Statement (Necessidades)
  • Geração de ideias
  • Definição de problemas
  • Definição de oportunidades

Atividades: Crie uma jornada de usuário, um mapa de empatia e gere ideias a partir de problemas, necessidades e oportunidades.
4. Planejamento de pesquisa de usuário
Aprenda sobre a importância das metodologias de UX Research para uma compreensão aprofundada do contexto e das dores do usuário. Veja também as melhores práticas no âmbito do negócio, do produto ou do serviço.

  • Planejamento
  • Recrutamento
  • Execução
  • Jornada de usuário
  • Blueprint de serviço

Atividade: Planeje pesquisas e público-alvo.
5. Execução e análise de pesquisa de usuário
Após a fase de Desk Research, explore as técnicas de User Research e como aplicá-las.

  • Planejamento
  • Recrutamento
  • Execução
  • Desk Research
  • Benchmark
  • Análise SWOT

Atividades: Execute pesquisas planejadas e analise os resultados.
6. Os usuários
Entenda os usuários de uma forma mais profunda.

  • Jornada do usuário
  • Blueprint de Serviço
  • Quem são os usuários?
  • Modelos mentais
  • Mapeando os Usuários

Atividades: Faça personas, mapas de empatia, jornadas, needs statement e uma priorização de ideias e oportunidades
7. Usabilidade e prototipação
Aprenda a projetar diferentes níveis de protótipos, com foco em elementos importantes de usabilidade.

  • Usabilidade
  • Protótipos
  • Fazendo um Protótipo
  • Arquitetura da informação
  • Definição de MVP

Atividade: Crie protótipos para as ideias geradas.
8. Design Interativo e UX Writing
Explore diferentes maneiras de testar seu conceito e soluções com usuários reais. Aprimore o conteúdo e a comunicação do produto com técnicas de UX Writing.

  • Design Interativo
  • Testes de usabilidade
  • Comunicação
  • UX Writing
  • Interfaces conversacionais

Atividades: Crie um protótipo com design interativo, gere uma personalidade e defina um padrão de comunicação.

Projeto: Crie seu briefing UX e protótipos para começar a trabalhar no design final da sua interface.

Curso 2
UI Design

1. Fundamentos e ferramentas do design de interface do usuário
Entenda o papel do UI designer, a relação entre UX e UI e a diferença de aplicação entre plataformas distintas. Conheça as ferramentas e softwares de Design Gráfico usados pelos UI designers.

  • Design de interface e a função de um UI Designer
  • Relação entre UX e UI
  • Produtos digitais e processo de design de interface
  • Design de telas
  • As ferramentas usadas em UI Design
  • Figma: conceitos básicos

Atividade: Pesquise e crie um moodboard de designs de alta qualidade. Recrie uma página básica no Figma.
2. Principais elementos de design gráfico para interfaces de usuário: marca e identidade visual
Aprenda noções básicas de organização espacial e navegação, como combinar cores, tipografia, imagens de forma racional para que os usuários possam digitalizar, navegar e interagir com sites. Entenda como funciona o relacionamento com a marca e a identidade visual.

  • Design gráfico e cores
  • Design tipográfico
  • Imagens, iconografia e grade
  • O contexto do design de interface, marca e identidade visual
  • Formatos impresso e digital
  • O projeto do curso: Pix e SumUp

Atividade: Faça uma pesquisa para benchmark, o esboço e o wireframe para um e-mail e para a landing page do seu projeto. Crie uma paleta de cores e tipografia básica para o seu projeto no Figma.
3. Princípios de design de interfaces web: criando protótipos de baixa fidelidade
Compreenda a psicologia do usuário e os princípios de UI design, como aplicá-los para navegação e interação dos usuários pelas interfaces. Aprenda a criar o design das interfaces de e-mail marketing e de landing page, além de protótipos de baixa fidelidade para soluções digitais.

  • Psicologia e Design Emocional
  • Percepção e design de interface: arquitetura da informação, navegação e wayfinding
  • Interface e usabilidade
  • Interfaces da web: fundamentos do marketing por e-mail
  • Interfaces da web: fundamentos da página de destino
  • Rabiscoframes e protótipos de baixa fidelidade: usando técnicas de sketching para criar wireframe

Atividade: Faça uma pesquisa de referências e análises do design de interfaces web. Entenda o problema e explore alternativas com esboços, depois crie wireframes de baixa fidelidade para e-mail e landing page.
4. Estética, layout e composição de interfaces digitais
Explore os conceitos de organização espacial (incluindo espaço em branco), estética e composição. Aprofunde-se no processo de combinação de cores, tipografia e imagens. Aprenda várias dicas de design gráfico e Pixel Perfect Design.

  • Estética, artes gráficas, referências e moodboards
  • Dominando cor, tipografia, imagens e ícones
  • Layouts e organização espacial: técnicas de layout, dicas e truques gráficos
  • Dicas para construir com foco em Pixel Perfect Design

Atividade: Crie mood boards no Pinterest e key visuals com base neles, além de novo e-mail marketing e landing page. Avalie a sua evolução criativa em relação aos módulos anteriores.
5. Componentes e padrões para o site de tela inteira
Conheça os formatos comuns e funcionais para criar boas interfaces, regras do design e a lógica por trás da reorganização dos elementos visuais.

  • Ergonomia e acessibilidade em UI
  • UI e as 10 heurísticas de Nielsen
  • Padrões de interface básicos
  • Design Atômico
  • Padrões de interface avançados
  • Biblioteca de componentes

Atividade: Crie um design de alta fidelidade para telas principais do projeto (website), com wireframes completos e evolução para o site inteiro.
6. Design responsivo e adaptativo
Entenda a lógica da reorganização dos elementos visuais e como adaptar as informações para diferentes formatos. Tenha visão dos elementos estruturais dos projetos e como dividir em pedaços menores, como componentes, tokens de design e modelos.

  • Fundamentos de design responsivo e adaptativo
  • Projetando para múltiplas telas e resoluções
  • Definindo pontos de interrupção
  • Grades fluidas x rígidas
  • Frameworks Wordpress, Bootstrap e UI
  • Fundamentos de design para celular (iOS e Android)
  • Definição de guias de estilo
  • Criação do kit UI

Atividade: Crie wireframes para um site completo e um site completo para Pix com diferentes breakpoints.
7. Prototipagem interativa e desenvolvimento de Front-end
Tenha uma visão completa e estruturada do projeto para separá-lo em entregas menores. Aprenda a tornar os seus designs de interface mais atrativos com micro interações e prepare designs para fazer testes com usuários. Entenda os aspectos detalhados de design e do desenvolvimento para realizar uma comunicação assertiva com as equipes de tecnologia. Descubra como apresentar os seus trabalhos e estruturar o seu portfólio.

  • Prototipação: técnicas e ferramentas
  • Diferentes níveis de fidelidade
  • Micro interações
  • Prototipação no Figma
  • Como apresentar seu trabalho e montar seu portfólio. Apresentações, mock ups e storytelling
  • Front-end e web semântica
  • HTML e CSS
  • Designers e times de engenharia: design em tempos ágeis
  • Entrega de design

Atividade: Utilize o conhecimento adquirido ao longo dos módulos para finalizar o seu projeto autoral. Crie protótipos interativos com micro interações, monte uma apresentação para o seu projeto e organize o case do seu portfólio. Crie um documento de transferência do seu projeto para a equipe de desenvolvedores.

Projeto: Crie um projeto final para o curso Full Stack Design

Parte 1: Conceitos de design de interface para um aplicativo da web completo.

Curso 3
Front-end do Zero

1. Introdução à programação HTML
Aprenda como a internet funciona na perspectiva do desenvolvedor e como usar o HTML para marcar páginas multiplataforma de acordo com os padrões de mercado.

  • Introdução ao mercado
  • Ferramentas de desenvolvimento web e como a internet funciona
  • Desenvolvimento FrontEnd explicado
  • Programação HTML
  • Layout e acessibilidade para a web

Atividades: Crie uma página hello, world, uma página de resumo do livro, uma postagem de blog formatada e uma página de tabela financeira.
2. Introdução ao CSS
Use CSS para estilizar e criar grades em layouts de páginas HTML.

  • Conceitos de design
  • Estilos CSS e elementos de layout
  • Imagens e gráficos
  • Estilo responsivo
  • Organização e desenvolvimento de projeto de página web com HTML e CSS

Atividades: Crie um formulário de registro e um Sistema de Email Marketing.
3. Desenvolvimento web responsivo
Planeje, desenvolva e depure landing pages visualmente atraentes e aplicativos funcionais com HTML, CSS, Bootstrap e Figma.

Atividades: Crie landing pages baseadas em Figma, aplicativos web responsivos e um site completo com Bootstrap.
4. Introdução à programação Javascript
Codifique em Javascript e combine HTML no estilo CSS com aplicativos Javascript funcionais.

  • Introdução às funções Javascript
  • Desenvolvimento de aplicações web Javascript
  • Desenvolvimento de soluções web completas com JavaScript, HTML e CSS

Atividades: Melhore o projeto de uma tabela financeira, um sistema de e-mail marketing, uma postagem no blog, uma página de destino e um registro de formulário com Javascript.
5. Trabalhando com a pilha de desenvolvimento Front-end
Aprenda a trabalhar com Flex box e Boostrap enquanto aprofunda suas habilidades em JQuery e JavaScript. Aprenda também a trabalhar com outras estruturas Javascript, como Node.js, React.js, Next.js e Vue.js.

  • Trabalhando com Frameworks e Infraestrutura
  • Trabalho com Bootstrap e JQuery
  • Desenvolvimento de página responsiva com Flex Box, CSS e SASS
  • Objetos e funções JavaScript
  • Programação JavaScript avançada

Atividades: Crie uma calculadora Javascript e um player de vídeo JQuery.
6. Integração da API Front-end e AJAX
Integre API Front-end e AJAX. Veja como realizar o controle de versão com o Github e implementar APIs em seus aplicativos.

  • Integrações de API e AJAX
  • Controle de versão e colaboração em equipe
  • Implantação e SEO
  • Padrões de análise
  • CSS, pré-processadores e implementação de código

Atividade: Crie e publique um painel e uma página de destino completa com SEO.

Projeto: Crie um projeto final para o curso Full Stack Design.

Parte 1: Use projetos anteriores para desenvolver um aplicativo da web completo.
Você irá ganhar, sem nenhum custo adicional, acesso ao curso online de Figma da EBAC, um dos softwares mais utilizados para criação de protótipos interativos. Você vai explorar os principais recursos do software para criar interfaces e protótipos navegáveis, como aplicativos.

BÔNUS: CURSO DE FIGMA GRÁTIS!

Projetos dos professores:

Aprenda sobre o tema
Coloque o aprendizado em prática
Consolide o conhecimento
O curso é composto por videoaulas específicas e de fácil entendimento
Atividades para praticar no ritmo mais apropriado para você
Correção dos trabalhos individualmente e feedback para melhorias
Elaboração de projetos para consolidar o conhecimento adquirido
1
2
3
4
Troque conhecimento com os tutores

Como é a rotina do curso

Seu currículo no futuro

R$ 7.065/mês*
Salário mensal:
Habilidades
Seu nome
Full Stack Designer Pleno
*Ref. Glassdoor.com.br for UX/UI designers para a região de São Paulo
certificado
Certificado pela EBAC
figura geometrica
Criação de interfaces e soluções visuais com base em UX e UI
figura geometrica
Implementação de fluxos de trabalho em design gráfico e web
figura geometrica
Domínio de Photoshop, Illustrator, Figma e Wordpress
figura geometrica
Aplicação de ferramentas de Front-end (HTML, CSS, JavaScript)
figura geometrica
Protótipos de aplicativos web responsivos
Domínio de tecnologias de integração de APIs e SEO
figura geometrica
figura geometrica
Criação de aplicativos web interativos com Javascript e JQuery
Planejamento e implantação de páginas web responsivas com CSS, SASS e Bootstrap
figura geometrica
Os alunos da EBAC têm direito a
1 mês de acesso à plataforma online da EF
Certificado reconhecido internacionalmente, ao final de cada nível
Teste de nivelamento
16 níveis de inglês, totalmente grátis

1 mês de curso de inglês

Grátis
Logotipo English First

Ingresse e tenha sucesso no mercado de trabalho com o nosso Centro de Carreiras

Assistência na preparação do seu portfólio, currículo e perfil no LinkedIn
ponto
Mentorias com os recrutadores e profissionais da sua área de atuação
ponto
Preparação para processos seletivos, dinâmicas de grupo e entrevistas individuais
ponto
Casos de projetos finais preparados por empresas reais
ponto

Ekaterina Lukianova

Head do Centro de Carreiras

"Nossos alunos podem contar com o nosso Centro de Carreiras tanto na preparação para ingressar no mercado de trabalho quanto em etapas de transição profissional. Estaremos presentes ao longo de toda a jornada do aluno – desde o início do curso até a contratação"

Início:
Restam:
27 de setembro
11 vagas
Faça sua inscrição para o curso

Investimento

Promo sticker -40%
Preço com desconto
R$ 3.959
12x de
R$ 392,91
sem juros
de desconto
Garantimos seu dinheiro de volta por até 7 dias
40%
Preço original
R$ 6.599
Logo Provi
Parcele no boleto. Até + 24x de
R$ 182,67
Valor total em 24X
R$ 4.779,98
Investimento pode variar de acordo com o meio de pagamento e data de contratação escolhidos
Comece a estudar agora pagando 10% de entrada. A próxima parcela é só daqui a seis meses*
*Inscreva-se e consulte condições.
Programa de Crédito Estudantil
Entrada: R$ 395,90. Valor total em 24x: R$ 4.779,98. O valor final pode sofrer alteração por conta da variação do IOF dependendo do meio de pagamento e data de contratação escolhidos.
logotipo da ebac
A EBAC é uma instituição inovadora de ensino superior em Artes Criativas e Tecnologia que oferece cursos online, além de programas presenciais e híbridos de especialização e graduação, validados internacionalmente.
graduações internacionais validadas pela University of Hertfordshire (UK)
alunos matriculados nos cursos online da instituição
dos professores e coordenadores são profissionais atuantes no mercado
empresas colaboram no desenvolvimento dos cursos, projetos reais e programas de estágio
06
100%
+15 000
+40

Perguntas frequentes

Eu nunca trabalhei com design ou programação, vou conseguir acompanhar o curso?
Claro! O curso não requer experiência prévia e trará, ao longo das aulas, todo o aprofundamento de que você precisa para se tornar um Full Stack, do web design à programação básica. Você irá adquirir todos os conhecimentos necessários para incrementar seu currículo ou iniciar uma carreira promissora na área.
Existe alguma atividade em grupo?
O curso foi desenvolvido pensando na sua evolução individual. Por isso, temos uma equipe de tutores para corrigir e dar feedbacks sobre as atividades realizadas por cada aluno. Você também pode conversar com outros alunos e fazer qualquer pergunta sobre o conteúdo das aulas para o tutor no Fórum.
Quanto tempo dura o curso? Consigo conciliar com outras atividades?
Este curso tem duração de mais de 30h de aula, mas o tempo de conclusão vai depender de você. As aulas estão disponíveis na plataforma para acessar quando e de onde quiser, avançando no seu ritmo, sem atrapalhar o trabalho ou a vida pessoal. Se você precisar, pode assistir novamente ou tirar dúvidas com o tutor antes de prosseguir. Além disso, as aulas ficam disponíveis por 2 anos (24 meses) a partir da data de matrícula do curso. Assim, você pode revisar e relembrar algumas coisas daqui a alguns meses.
Quantas horas por semana precisarei dedicar aos estudos?
Sugerimos que você complete um módulo por semana, o que dá um pouco mais de 2 horas entre assistir as aulas e realizar as atividades. Mas, não se preocupe, este prazo é apenas uma sugestão, ok? Você pode avançar no seu próprio ritmo, fazer pausas para absorver o conteúdo e assistir de novo, quantas vezes quiser, antes de prosseguir.
Eu posso tirar dúvidas com o tutor?
Dentro da plataforma, você terá um tutor que irá comentar as suas tarefas e dar dicas. Você terá a chance de aprender mais com a experiência dos nossos professores, que são líderes do mercado nas suas áreas, e aproveitar para adquirir novos conhecimentos.