-40%

para os primeiros 20 alunos

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

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

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

Alta demanda

É uma profissão completa: contempla desde a concepção, pesquisa, wireframes até a interface com o usuário e layouts.

Diferencial

São mais de 3.000 vagas/mês no LinkedIn Brasil somando as áreas de Front-end, UX e UI Design.

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.

Grandes empresas que buscam por Full Stack Designers

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

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

O que você aprenderá

No final do curso, você receberá o certificado da EBAC

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

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

UX & Business Strategist

Principal Product Designer na SumUp

Tech Leader na Dasa

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

Product designer, Lead na Wingocard

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

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.

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.

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.

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.

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.

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

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.

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

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.

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.

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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 pela EBAC

Criação de interfaces e soluções visuais com base em UX e UI

Implementação de fluxos de trabalho em design gráfico e web

Domínio de Photoshop, Illustrator, Figma e Wordpress

Aplicação de ferramentas de Front-end (HTML, CSS, JavaScript)

Protótipos de aplicativos web responsivos

Domínio de tecnologias de integração de APIs e SEO

Criação de aplicativos web interativos com Javascript e JQuery

Planejamento e implantação de páginas web responsivas com CSS, SASS e Bootstrap

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

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

Mentorias com os recrutadores e profissionais da sua área de atuação

Preparação para processos seletivos, dinâmicas de grupo e entrevistas individuais

Casos de projetos finais preparados por empresas reais

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

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~~

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.

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

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.

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.

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.

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.

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.