Projecto · Pack de assets visuais para marca fictícia
Contexto
Cada formando cria um pack de assets visuais completo para uma marca fictícia, preparado para três suportes distintos: web, redes sociais e impressão.
O projecto simula o trabalho de um designer/técnico de multimédia que recebe os assets de uma marca e deve preparar todas as versões técnicas correctas para os diferentes destinos.
A marca fictícia
Escolher uma das seguintes categorias (ou propor ao formador): - Café/restaurante com conceito visual definido - Marca de produto alimentar regional - Marca de roupa ou acessórios - Serviço digital ou app
Definir: nome, logótipo (ou criar um simples), paleta de cores, fotografia de produto/ambiente (pode ser stock gratuito).
Requisitos do projecto
Pack para web (3 suportes)
- Imagem hero do website: 1600×900px, WebP + JPEG fallback, optimizada (< 200KB), com código HTML
<picture>com srcset. - Logo para web: SVG ou PNG com transparência, versão clara e escura.
- Favicon: 32×32px e 180×180px (Apple Touch Icon), PNG.
Pack para redes sociais (3 formatos)
- Instagram feed: 1080×1080px (quadrado) E 1080×1350px (4:5), JPEG a 80%.
- Instagram Stories/Reels: 1080×1920px com safe zones respeitadas.
- LinkedIn/Facebook post: 1200×627px.
Pack para impressão (2 peças)
- Cartão de visita: 9×5cm + 3mm sangria, CMYK, 300 PPI, PDF/X.
- Flyer A5: 14.8×21cm + 3mm sangria, CMYK, 300 PPI, PDF/X.
Relatório técnico (1-2 páginas)
- Tabela completa de todos os assets com especificações.
- Explicação das decisões de cor (RGB→CMYK, soft proof).
- Resultados de optimização web (tamanho antes/depois).
- Código HTML do
<picture>com srcset implementado.
Fases do projecto
Fase 1 · 1.5h
Definição da marca e assets originais
- Escolher e descrever a marca.
- Recolher ou criar: logo, paleta de cores, 2-3 fotografias.
- Organizar em pasta de trabalho.
Brief da marca (meia página) + assets originais organizados.
Fase 2 · 3h
Preparação dos assets web
- Redimensionar e comprimir imagem hero.
- Criar SVG/PNG do logo com transparência.
- Implementar srcset e código HTML.
- Medir tamanho antes e depois da optimização.
Pasta web/ com todos os ficheiros + código HTML.
Fase 3 · 2h
Pack de redes sociais
- Criar os 3 formatos de redes sociais respeitando dimensões e safe zones.
- Garantir coerência visual entre os três formatos.
Pasta social/ com todos os ficheiros nomeados correctamente.
Fase 4 · 2h
Pack para impressão
- Criar cartão de visita e flyer com sangria correcta.
- Converter para CMYK, fazer soft proof.
- Converter texto em outlines.
- Exportar em PDF/X.
Pasta impressao/ com PDF/X do cartão e do flyer.
Fase 5 · 1.5h
Relatório técnico e apresentação
- Completar o relatório com tabela de especificações e decisões técnicas.
- Preparar apresentação breve (5 min).
- Apresentar à turma.
Relatório técnico (PDF) + apresentação oral.
Critérios de avaliação
| Critério | Peso |
|---|---|
| Correcta especificação por suporte (dimensões, cor, resolução) | 30% |
| Qualidade da optimização web (tamanho, srcset, formato) | 20% |
| Qualidade dos assets de impressão (sangria, CMYK, PDF/X) | 20% |
| Coerência visual entre suportes | 15% |
| Relatório técnico (completude e clareza) | 15% |