Projetos dos Estudantes
Cada projeto aqui foi construído por alguém que começou sem saber nada de HTML. São trabalhos reais, com erros reais corrigidos ao longo do caminho — e isso é exatamente o que os torna úteis de ver.
prática
Trabalhos em Destaque
Projetos enviados pelos participantes dos workshops de web design para iniciantes.
Meu Primeiro Site do Zero
Um projeto real criado por uma estudante que nunca tinha tocado em código antes. Do arquivo HTML em branco até um portfólio publicado na internet.
Redesign de Cardápio Digital para Restaurante Local
Projeto de um estudante que pegou um cardápio feito no Word, convertido em PDF, e transformou em uma página web funcional e navegável.
O que os projetos mostram na prática
Comparando o que funciona bem nos trabalhos enviados com o que ainda aparece como dificuldade recorrente.
O que está funcionando
Estrutura semântica do HTML está mais consistente — 8 em cada 10 projetos usam tags corretas sem precisar de revisão.
Layouts responsivos com flexbox aparecem em quase todos os projetos da turma mais recente, algo que levava 3 semanas a mais antes.
Paleta de cores e hierarquia visual melhoraram visivelmente após a introdução de exercícios de contraste na semana 6.
Tempo médio para concluir um layout funcional caiu de 9 horas para cerca de 4 horas entre o primeiro e o terceiro projeto.
Onde ainda há dificuldade
Acessibilidade ainda é tratada como etapa opcional — atributos alt e contraste mínimo faltam em mais da metade dos projetos.
CSS com seletores muito genéricos gera conflitos difíceis de depurar, especialmente quando o projeto cresce além de 2 páginas.
Tipografia ainda segue padrões de tamanho fixo — poucos estudantes experimentam escala fluida ou unidades relativas.
Performance de carregamento raramente é considerada: imagens sem compressão aparecem em cerca de 6 de cada 10 entregas.
Quem acompanha os projetos
Tobias Werneck trabalha com desenvolvimento front-end há 11 anos e passou os últimos 4 dedicados a ensinar pessoas que nunca tinham aberto um editor de código. Ele revisa cada projeto enviado e dá feedback escrito dentro de 48 horas — não uma lista de erros, mas uma explicação de por que algo não funcionou e o que tentar a seguir.
Segundo ele, o maior erro que iniciantes cometem não é técnico: é tentar fazer algo perfeito antes de publicar qualquer coisa. Os projetos desta página existem porque os estudantes decidiram terminar mesmo com imperfeições.
Tobias Werneck
Instrutor de Web Design — Coalescencffe
Como um projeto chega até aqui
Do primeiro rascunho até a publicação nesta página, o caminho tem 4 etapas bem definidas.
Briefing da tarefa
Cada workshop termina com uma tarefa prática com requisitos específicos — no mínimo 3 páginas, responsivo em 2 breakpoints, e um componente interativo em CSS puro.
Desenvolvimento e dúvidas
O estudante tem 7 dias para construir o projeto. Durante esse período, pode postar perguntas no fórum do workshop e receber respostas de colegas e do instrutor.
Revisão técnica
O Tobias revisa o código e a experiência visual. Projetos que atendem aos critérios mínimos recebem aprovação — não existe nota, só critérios objetivos verificáveis.
Publicação com consentimento
O estudante decide se quer que o projeto apareça aqui. Cerca de 7 em cada 10 aceitam — e muitos usam essa página como parte do portfólio ao procurar trabalho.