Web Design - Responsive Web // ANUAL

Apresentação

O curso vai desenvolver competências nas áreas de UX/UI Design, Front End Development and Digital Strategy.

Vamos desenvolver projetos aplicados à Web tendo em conta a integração nas redes sociais e plataformas interativas. Vamos aprender a trabalhar com diversos softwares que permitem não só desenhar projetos de Web Design/User Interfaces, como também criar e trabalhar material complementar, tal como conteúdos, edição de imagem, etc..

Vamos ainda abordar metodologias projetuais, elaborar conteúdos para Web, implementar em Front End (responsive) e montar uma estratégia digital de forma a gerar projetos completos e sólidos. Vamos ainda desenvolver capacidades de apresentação e defesa dos projetos num ambiente semelhante ao do atual mercado de trabalho. Teremos oportunidade de convidar profissionais de referência na área do Web Design em contexto de showcase, assim como participar em workshops pontuais que possam ser uma mais valia ao desenvolvimento dos projectos dos alunos.

Estrutura do curso

PROGRAMA CURRICULAR

UNIDADE 1 // INTRODUÇÃO AO DESIGN PARA WEB

> Softwares de apoio ao desenvolvimento de projetos de Web Design (Ad. Illustrator, Ad. InDesign, Ad. Photoshop, Sketch).

> Desenvolvimento de uma landing page responsive (desktop/tablet/mobile).

> Como apresentar um projeto de Web Design.

> Apresentação do projeto desenvolvido na Unidade a um Júri convidado.

 

UNIDADE 2 // PROJETO I - IDENTIDADE E SISTEMA GRÁFICO

> Metodologias de trabalho e processo criativo.

> Tendências e referências no universo do Web Design.

> Criação de moodboards conceptuais e gráficos.

> Tipografia para Web.

> Desenvolvimento de uma marca e sistema gráfico para habitar diferentes contextos digitais.

> Definição dos elementos que compõem o User Interface: cor, tipografia, ícones, imagens, etc..

 

UNIDADE 3 // PROJETO II - UX E UI

> Definição e criação de conteúdos, acesso e gestão de informação para a Web.

> Escrita, técnicas e recomendações de SEO para a Web.

> Estruturação do website, arquitetura de informação.

> User Experience, compreensão da interação do usuário com determinado produto, sistema ou serviço.

> Testes de utilizador, avaliações heurísticas, análise de resultados.

> Wireframes de baixa resolução e prototipagem. 

> Wireframes de alta resolução, desenho da navegação, hierarquia visual de conteúdos.

> Criação de interfaces gráficos e aplicação de sistemas de identidade gráfica.

> Grelhas, layouts responsive e testes em diversos dispositivos (desktop/tablet/mobile).

> Otimização para Web, exportação de assets, definição das tecnologias e as API a utilizar.

> Apresentação do projeto desenvolvido na Unidade a um Júri convidado.

 

UNIDADE 4 // PROJETO III - WEB DEVELOPMENT

> Aprendizagem da linguagem HTML.

> Aprofundamento das tecnologias associadas ao HTML5, CSS3, media queries e animações.

> Introdução a frameworks e bibliotecas, jQuery, bootstrap, responsive grid e otimização para diversos tipos de dispositivos.

> JavaScript e programação orientada para objetos.

> API úteis, elementos áudio, vídeo e geolocalização.

> Wordpress e WooCommerce.

 

UNIDADE 5 // PROJETO IV - IMPLEMENTAÇÃO

> Estratégia Digital - Marketing Digital.

> Lançamento e divulgação do projeto, integração nas redes sociais.

> Implementação do projeto que foi iniciado na unidade II.

> SEO e website analysis.

> Domínios, servidores e alojamento.

> Orçamentação e cálculo de estimativas.

> Portefólios, estratégias pessoais de marketing, parcerias e candidaturas.

> Apresentação do projeto desenvolvido na Unidade a um Júri convidado.

 

UNIDADE 6 // PROJETO MULTIDISCIPLINAR ETIC_IDEIA

> Laboratório de Inovação e Criatividade.

> Criação e desenvolvimento de um grande projeto multidisciplinar.

> Trabalho em equipa constituída por alunos de cada área de especialidade, de diferentes cursos.

> Preparação para contextos reais de desenvolvimento e implementação de projetos.

> Criação de conceitos, conteúdos, produtos e estratégias com potencial de sustentabilidade profissional e comercial.

> Apresentação à comunidade escolar, profissional e cultural.