Criação e
Desenvolvimento
de Sites

Carlos Kun & Danilo Campos

No momento não há
turmas disponíveis.

Criação e
Desenvolvimento
de Sites

Carlos Kun & Danilo Campos

Marcas já nascem em contexto digital há muito tempo e por isso, ao criar um produto digital, designers devem pensar em como criar interfaces que sirvam bem a sua função e que consigam ao mesmo tempo tangibilizar a identidade e a promessa da marca. Além disso, é importante entender que design e desenvolvimento devem funcionar como uma única engrenagem, já que a evolução tecnológica e surgimento de novas formas de tangibilização do projeto se tornaram mais velozes.

Nesse sentido, é cada vez mais urgente projetar algo que pareça nativo desses contextos digitais, aumentando a sensação de que a solução pertence àquele universo, através do entendimento e prática das tecnologias-base para desenvolvê-las.

O objetivo do curso é ensinar como criar um site do começo ao fim, pensando design e desenvolvimento de forma única e integrada, para que ao final um resultado com qualidade tanto do ponto de vista de código (consistente e escalável) como de conceito (transmitindo a essência da marca, com personalidade e refinamento visual) seja alcançado. O curso foi pensado para pessoas que já dominam o básico de desenvolvimento Front-End, pois serão apresentados conceitos intermediários de programação.

Durante o curso, vamos navegar pela jornada de criação de um produto na prática, chegando em um resultado tangível ao final. Através de um conceito inicial vamos desde a tradução do branding a definição de estrutura e implementação do código, passando por como traduzir elementos base do nosso layout em desenvolvimento Front-end. Através de exemplos, vamos explorar como um pensamento sistemático desde a conceituação pode trazer benefícios e um resultado sólido.

Imagem com fotografia de Carlos Kun.

Carlos Kun, Designer e sócio no Twoo.

“Designer multidisciplinar com 20 anos de experiência, trabalhei em agências e estúdios em São Paulo, Londres e Barcelona. Minha área de atuação abrange desde a direção criativa ao design de marcas e produtos digitais. Sempre tive aptidão para o desenho e com a democratização dos computadores pessoais, passei do papel para a tela e comecei a praticar design intuitivamente, para logo depois começar a trabalhar profissionalmente com design e código.”

Imagem com fotografia de Danilo Campos

Danilo, Product Designer na VTEX e sócio no Twoo.

”Na adolescência, quando comecei a me interessar por computador e design, queria não só desenhar mas também fazer os sites que criava para amigos e família “funcionarem”. Após o início da minha vida profissional como designer digital, percebi que o meu conhecimento sobre como as coisas funcionam por trás do desenho me ajudava muito a criar soluções mais inteligentes, e a me comunicar melhor com os desenvolvedores. Além disso, me dava autonomia para criar projetos pessoais, desde a marca até a interface e o código.”

No momento não há
turmas disponíveis.

Estrutura do curso

Marca no Digital

A partir de uma marca fictícia vamos começar a entender com alguns exercícios, como podemos traduzir os valores dessa marca em um produto digital por meio de escolha de grid, tipografia, composição, estrutura, interação, transição e etc.

Conceito

Aqui vamos entender a importância de começar a elaboração de um produto digital por um conceito. É onde começaremos a definir funcionalidades junto com os elementos básicos de design, aliado ao código como pano de fundo.

Desenho e código como uma peça

Vamos entender como criar os componentes do nosso conceito. Componentização é o processo de quebrar recursos em pacotes reutilizáveis ​​e separados, que podem ser facilmente combinados.

Introdução ao código

Nesta fase faremos uma introdução de como usar o CSS Grid, veremos como embedar fontes e como melhorar sua renderização nos navegadores, como organizar cores e estilos de tipografia no CSS de maneira que seja facilmente escalável.

Aplicando o sistema

A partir do nosso sistema básico criado, veremos como construir módulos e páginas mais complexas.

Colocando o projeto no ar

Neste último módulo passaremos por compra e configuração básica de um domínio, e faremos uma introdução a ferramentas modernas de controle de versões e hospedagem para soltar o projeto pro mundo.

Detalhes

Programação

Terças e Quintas

18h às 20h30

Investimento

Até 6x de ou
à vista no cartão e transferência.

Turmas

No momento não há turmas disponíveis.

Perguntas frequentes

Preciso ter conhecimento prévio de código?

Sim, precisa ter o conhecimento básico de HTML, CSS e JavaScript. Para obter conhecimentos básicos de HTML e CSS, veja o curso Front-end Básico.

Preciso ter conhecimento prévio em algum programa de design?

Seria legal ter pelo menos um conhecimento básico de Sketch ou Figma já que não iremos ensinar a usar essas ferramentas durante o curso.

Estou migrando para o Design Digital e tenho os conhecimentos prévios. Esse curso é pra mim?

Com certeza. Neste curso iremos abordar quase que de ponta a ponta a como construir um produto digital, desde a marca até o código.