Ficha 01 · Estratégia, briefing e matéria-prima digital
Exercício 1 · Da estratégia à peça
Uma escola de condução quer aumentar em 25% as inscrições de jovens que fazem 18 anos no próximo ano letivo. Escreve a cascata completa — estratégia de negócio → estratégia de comunicação → objetivo do suporte → peças digitais.
Resposta:
- Estratégia de negócio: aumentar em 25% as inscrições de alunos que completam 18 anos no ano letivo seguinte.
- Estratégia de comunicação: posicionar a carta de condução como o primeiro passo da autonomia — falando aos jovens (que decidem onde) e aos pais (que pagam), com mensagens diferentes.
- Objetivo do suporte: levar jovens de 17–18 anos residentes no concelho a pedir informação ou marcar uma visita à escola, entre setembro e novembro.
- Peças digitais:
- 1 landing page com preços claros, pacotes e formulário de 3 campos;
- 6 Reels 9:16 com dúvidas frequentes (quanto custa, quantas aulas, quando posso começar), com legendas;
- 8 posts 4:5 com testemunhos de alunos aprovados;
- 1 campanha segmentada a 8 km, dividida em dois públicos: 17–18 anos (Instagram/TikTok) e 40–55 anos com filhos (Facebook).
O que importa demonstrar é que cada nível explica o seguinte: a peça existe porque há um objetivo, e o objetivo existe porque há uma estratégia de negócio com um número.
Exercício 2 · Transformar um pedido vago num briefing
Pedido do cliente: "As nossas redes sociais estão paradas, era bom mexer nisso."
Indica cinco perguntas que farias e escreve o briefing resultante, com as 10 alíneas (inventa respostas plausíveis).
Resposta:
Perguntas: (1) O que ganhas concretamente se as redes melhorarem — vendas, marcações, notoriedade? (2) Quem são os teus melhores clientes atuais e como te encontraram? (3) O que podes dizer sobre ti que a concorrência não pode? (4) Quem vai produzir conteúdo no dia a dia e com quanto tempo por semana? (5) O que consideras um bom resultado daqui a três meses?
Briefing:
- Empresa: oficina de reparação de bicicletas no Barreiro, 2 mecânicos, especializada em bicicletas elétricas.
- Objetivo de negócio: encher a agenda de manutenção nos meses fracos (novembro a fevereiro).
- Público: 30–55 anos, usam bicicleta para ir trabalhar, raio de 6 km, decidem por confiança e proximidade.
- Mensagem: "A tua bicicleta elétrica dura o dobro com revisão anual."
- Ação: marcar revisão pelo WhatsApp da oficina.
- Suportes: 10 posts 4:5 (dicas de manutenção), 4 Reels de reparação em 20 segundos, 1 landing page simples com preços das revisões.
- Restrições: paleta e logótipo existentes; sem imagens de banco (fotografia própria da oficina); tom prático, sem calão técnico.
- Orçamento: 200 € de anúncios + 15h de produção.
- Prazo: primeira publicação a 4 de novembro; campanha até fim de fevereiro.
- Métrica: 40 revisões marcadas com origem identificada (pergunta "como nos conheceu?" no WhatsApp + link exclusivo). Alvo intermédio: 15 até ao Natal.
Exercício 3 · Objetivos SMART
Reescreve cada objetivo vago abaixo em versão SMART, inventando os números em falta de forma plausível.
a) "Queremos ser mais conhecidos." b) "O site tem de estar melhor." c) "Vender mais online." d) "Ter uma newsletter."
Resposta:
a) "Passar de 800 para 2 500 contas alcançadas por mês no Instagram, no concelho de Setúbal, até 31 de dezembro."
b) "Reduzir o tempo de carregamento da página inicial no telemóvel de 6 s para menos de 2,5 s e a taxa de abandono do formulário de contacto de 65% para 40%, em 3 meses."
c) "Passar de 12 para 30 encomendas online por mês no primeiro trimestre, mantendo o valor médio acima de 35 €."
d) "Construir uma lista de 500 subscritores com consentimento explícito até junho, com taxa de abertura acima de 25% e envio quinzenal."
Cada um tem: número de partida, número de chegada, prazo e forma de medir. Sem estes quatro elementos, o objetivo não serve para decidir nada.
Exercício 4 · Diagnosticar uma paleta
Uma marca usa: fundo #FFFFFF, texto corrente #A0A0A0, botão principal #FFC845 com texto branco, e mensagens de erro assinaladas apenas com o texto a vermelho. Diagnostica os problemas e propõe correções.
Resposta:
Problemas:
| Combinação | Rácio aproximado | Veredicto |
|---|---|---|
#A0A0A0 sobre branco |
≈ 2,4:1 | Chumba (mínimo 4,5:1) |
Branco sobre #FFC845 |
≈ 1,6:1 | Chumba com grande margem |
| Erro só a vermelho | — | Chumba — informação codificada só por cor |
Correções:
- Texto corrente passa a
#4A4A4A(≈ 9:1). Continua a ler-se como "cinzento suave", mas é legível para baixa visão e ao sol. - O amarelo mantém-se como cor de marca, mas com texto escuro
#2B2B2B(≈ 9,5:1). Se o cliente exigir texto branco, o fundo tem de escurecer para algo como#9C6D06— mas perde-se o amarelo característico. A recomendação é manter o amarelo e escurecer o texto. - As mensagens de erro passam a ter ícone + texto explícito ("Falta o indicativo do país") além da cor, e a borda do campo muda de espessura, não só de cor.
Lição: a acessibilidade quase nunca obriga a mudar a cor de marca — obriga a mudar o que se põe por cima dela.
Exercício 5 · Preparar imagens para a web
Recebeste três ficheiros para uma página. Indica, para cada um, o formato final, as dimensões de exportação e o peso-alvo. A página exibe a imagem principal a 1200 px, as fotos de galeria a 600 px e o logótipo a 180 px.
| Ficheiro | Original |
|---|---|
hero.tif |
5000 × 3000 px, 42 MB |
galeria-01.jpg |
4000 × 3000 px, 5,1 MB |
logotipo.png |
900 × 300 px, 240 KB |
Resposta:
| Ficheiro | Formato final | Dimensões | Peso-alvo | Justificação |
|---|---|---|---|---|
hero.tif |
WebP q80 (+ JPG de recurso) | 2400 × 1350 (recorte 16:9, 2× de 1200) | < 300 KB | Fotografia com muitos tons: WebP com perda é ideal. TIF nunca vai para a web. |
galeria-01.jpg |
WebP q80 | 1200 × 900 (2× de 600) | < 150 KB | Mesmo raciocínio; a proporção 4:3 mantém-se. |
logotipo.png |
SVG | Vetorial — independente de tamanho | < 10 KB | Um logótipo não deve ser raster. Se só existir o PNG, pedir o vetorial ao cliente ou redesenhar. Em último recurso, PNG a 360 px (2× de 180) com fundo transparente. |
Passos comuns a todos: converter o perfil de cor para sRGB; renomear com nomes descritivos (interior-loja-manha.webp); escrever o texto alternativo; e verificar o peso final antes de publicar.
Ganho total: de ≈ 47 MB para menos de 500 KB — cerca de 100× mais leve.
Exercício 6 · Escala tipográfica e responsivo
Define a escala tipográfica de uma landing page para telemóvel e para monitor, e explica o que muda entre os dois. Indica corpo, títulos, entrelinha e largura máxima do texto.
Resposta:
| Elemento | Telemóvel (< 640 px) | Monitor (> 1024 px) | Entrelinha |
|---|---|---|---|
| Título principal | 32 px | 56 px | 1,15 |
| Subtítulo | 20 px | 26 px | 1,3 |
| Título de secção (H2) | 24 px | 32 px | 1,2 |
| Corpo | 17 px | 18 px | 1,55 |
| Legendas | 14 px | 14 px | 1,4 |
| Botão | 17 px | 17 px | 1,2 |
O que muda e porquê:
- Os títulos encolhem muito mais do que o corpo. Um título de 56 px num ecrã de 360 px partiria em cinco linhas.
- O corpo quase não muda (17 → 18 px): a distância de leitura é semelhante e 16 px é o piso.
- A largura máxima do texto fixa-se em ≈ 65 caracteres (cerca de 680 px). Num monitor de 2560 px, o texto não deve ocupar a largura toda — fica com margens largas.
- O botão mantém o tamanho, mas no telemóvel ocupa 100% da largura e tem 48 px de altura (regra dos 44 px de alvo de toque).
- A entrelinha é maior no corpo (1,55) do que nos títulos (1,15): linhas longas precisam de mais ar, títulos curtos precisam de compacidade.
Exercício 7 · Auditar os suportes de uma empresa
Um restaurante tem: site feito em 2017 (não responsivo, menu em PDF de 8 MB), Instagram com 3 000 seguidores e publicações diárias, Facebook com o horário errado desde a pandemia, Google Business Profile sem fotografias, e um TikTok criado há um ano com 2 vídeos. Faz a auditoria: para cada suporte indica família, estado, problema e prioridade de intervenção.
Resposta:
| Suporte | Família | Estado | Problema | Prioridade |
|---|---|---|---|---|
| Google Business Profile | Própria | Incompleto | É o primeiro sítio onde alguém procura um restaurante. Sem fotos e sem horário, perde reservas todos os dias. Custo de correção: quase zero. | 1 — imediata |
| Social | Ativo com erro | Horário errado leva pessoas à porta fechada — pior que não ter presença. Correção: 5 minutos. | 2 — imediata | |
| Site | Própria | Obsoleto | Não responsivo (a maioria entra pelo telemóvel) e menu num PDF de 8 MB, que não é lido por leitores de ecrã nem indexado pelo Google. | 3 — projeto |
| Social | Ativo e saudável | Funciona; falta ligar ao objetivo (reservas) — link na bio e chamadas à ação. | 4 — afinar | |
| TikTok | Social | Abandonado | Perfil morto passa má imagem. Ou se assume com plano de produção, ou se remove. | 5 — decidir |
Conclusão. Não falta presença — falta higiene e função. As duas correções mais rentáveis (Google e Facebook) custam minutos e não envolvem design nenhum. Criar mais um canal antes de arrumar estes seria acrescentar mais uma peça solta a um conjunto que já não encaixa.
Exercício 8 · Formatos e zonas seguras
Vais produzir a mesma campanha para: post de feed do Instagram, story, banner medium rectangle e miniatura de YouTube. Indica dimensões, o que muda na composição de cada um e que cuidados de zona segura aplicas.
Resposta:
| Peça | Dimensões | Composição | Cuidados |
|---|---|---|---|
| Post de feed | 1080 × 1350 (4:5) | Mensagem-âncora no terço superior; imagem a ocupar o resto; logótipo discreto num canto | O feed corta a pré-visualização a 1:1 na grelha do perfil — o essencial tem de sobreviver ao corte quadrado central |
| Story | 1080 × 1920 (9:16) | Composição vertical, texto grande, um único foco | ~250 px no topo e ~250 px no fundo são tapados pela interface: nome de utilizador em cima, barra de resposta em baixo. Autocolantes de ligação na zona central |
| Banner 300 × 250 | 300 × 250 | Logótipo + uma frase + um botão. Nada mais cabe | < 150 KB; se animado, máx. 3 ciclos e o último quadro tem de conter a mensagem completa |
| Miniatura YouTube | 1280 × 720 (16:9) | Rosto ou objeto grande + 3–4 palavras em corpo enorme | É vista a 160 px de largura na lista — testa sempre reduzida. Canto inferior direito tapado pela duração do vídeo |
Princípio comum: não é a mesma peça esticada — é a mesma ideia recomposta para cada contexto. O que se mantém é a paleta, a tipografia e a mensagem; o que muda é a composição.