Este documento lista, secção a secção, todos os textos, fotografias, vídeos e decisões necessários. As quantidades indicadas são as que a estrutura aprovada comporta — nem mais, nem menos.
← Voltar ao wireframeO site de referência que aprovaram usa 23 vídeos e apenas 8 imagens. É essa a razão pela qual parece vivo e caro — não é a tipografia nem as cores, é o movimento real filmado.
Sem vídeo, conseguimos replicar toda a estrutura e todos os efeitos de interação, mas o resultado terá uma sensação diferente. A decisão sobre vídeo é, por isso, a primeira que precisamos de tomar.
O primeiro ecrã. Ocupa o monitor inteiro, com vídeo em fundo e a mensagem central da empresa por cima.
| Elemento | Quantidade | Especificação |
|---|---|---|
| Vídeo de fundo | 1 | 1920×1080 · MP4 H.264 · loop 12–20s · sem som · <6 MB Sugestão: drone sobre embarcação, oficina em atividade ou técnico em intervenção |
| Título principal | 45–70 car. | Máx. 2 linhas. Enviar 2–3 propostas alternativas |
| Sub-título | 140–200 car. | ≈22–30 palavras, com 3–4 termos técnicos-chave |
| Etiquetas de topo | 3–4 | Máx. 26 caracteres cada (localização, setor, anos, certificação) |
| Botões | 2 | Texto de máx. 24 car. cada. Decidir qual é a ação nº1 do site |
| Logótipo | 2 versões | SVG (ou PNG transparente): versão clara e versão escura |
Seis separadores verticais num único ecrã. Substitui a página institucional tradicional.
| Elemento | Quantidade | Especificação |
|---|---|---|
| A Empresa | 400–700 car. | Quem é a FERSOL, há quanto tempo, onde opera, o que faz |
| Percurso e História | 400–700 car. | Marcos desde a fundação. Ideal: 4–6 datas com uma linha cada |
| Missão e Visão | 300–500 car. | Dois parágrafos curtos e afirmativos |
| Valores | 4–6 valores | Título máx. 22 car. + descrição 90–130 car. cada |
| Certificações | 300–500 car. | + PDFs dos certificados (IMO, ISO, HSE, cartas OEM) |
| Equipa Técnica | 400–700 car. | Perfis, formações de fábrica, dimensão da equipa |
| Fotografias | 6 | Verticais 4:5 · mín. 2000px lado maior · JPG alta qualidade Uma por separador: instalações, arquivo, equipa, oficina, certificados, detalhe técnico |
Se não houver conteúdo para 6 separadores, reduzimos para 4. Quatro separadores fortes valem mais do que seis com texto de enchimento.
Dois ecrãs de impacto que quebram o ritmo da página, cada um dedicado a uma capacidade diferenciadora. Proposta: Overhaul de Motores Diesel e Sistemas HamiltonJet.
| Elemento | Quantidade | Especificação |
|---|---|---|
| Vídeo de fundo | 2 | 1920×1080 · loop 10–15s · sem som · um por destaque Sugestão: oficina/desmontagem de motor · embarcação rápida em navegação |
| Título | 35–55 car. | Por destaque. Frase afirmativa e direta |
| Parágrafo | 120–180 car. | Por destaque. Incluir marcas/equipamentos cobertos |
| Números de prova | 2–3 | Por destaque. Métricas reais e verificáveis + legenda máx. 26 car. |
| Decisão | — | Confirmar quais as 2 capacidades a destacar |
Seis áreas de intervenção em separadores verticais, sobre fundo escuro. Também alimenta o mega-menu do topo.
| Elemento | Quantidade | Especificação |
|---|---|---|
| Nome do serviço | 6 × máx. 45 car. | Versão curta para o menu: máx. 32 car. |
| Descrição | 6 × 300–450 car. | Âmbito da intervenção, tipo de embarcação, entregáveis |
| Linha de menu | 6 × 60–90 car. | Frase de apoio que aparece no mega-menu |
| Marcas cobertas | 6 × máx. 60 car. | Ex.: "CAT · Cummins · MAN · Volvo Penta · MTU" |
| Vídeo por serviço | 6 | importante Verticais 1080×1350 · 8–12s · sem som · <4 MB |
| Alternativa fotográfica | 6 | Fotos verticais 4:5 · mín. 2000px — se não houver vídeo |
O efeito mais distintivo do site. Os casos deslizam lateralmente enquanto se faz scroll. É aqui que se prova competência técnica.
| Elemento | Quantidade | Especificação |
|---|---|---|
| Número de casos | 4–6 | Menos de 4 não justifica o efeito; mais de 6 torna-se cansativo |
| Fotografia por caso | 1 (ou 2) | 1600×1000 (16:10) · mín. 1600px de largura Idealmente uma foto real da intervenção — antes/durante funciona muito bem |
| Título do caso | máx. 55 car. | Ex.: "Overhaul CAT 3512 — Rebocador" |
| Descrição | 150–220 car. | O que foi feito e qual o resultado |
| Ficha técnica | 5 campos | Embarcação · Equipamento · Tipo de intervenção · Duração · Local/Ano |
| Autorizações | — | Confirmar se o nome do cliente/embarcação pode ser divulgado. Se não, usamos descrição genérica |
| Elemento | Quantidade | Especificação |
|---|---|---|
| Logótipos OEM | 8–12 | SVG preferencial, ou PNG transparente mín. 600px de largura |
| Autorização de marca | — | Confirmar que a FERSOL pode exibir cada logótipo (revendedor/parceiro certificado) |
| Números | 4 | Métricas reais + legenda de máx. 28 car. Ex.: anos, embarcações intervencionadas, técnicos certificados |
| Elemento | Quantidade | Especificação |
|---|---|---|
| Contactos | — | Telefones, email(s), WhatsApp comercial, morada completa |
| Coordenadas GPS | 1 | Latitude e longitude exatas da base operacional (para o mapa) |
| Destino do formulário | 1–3 emails | Para onde seguem os pedidos de proposta |
| Tipos de intervenção | 5–8 opções | Lista para o menu pendente do formulário |
| Horário | — | Horário oficial + confirmar se a linha urgente é mesmo 24/7 |
| Textos legais | 2 | Política de privacidade e termos. Texto de consentimento RGPD |
| Redes sociais | — | opcional Links de LinkedIn, Facebook, Instagram |
Estas respostas condicionam o design. Precisamos delas antes de avançar para a fase visual.
| Decisão | Impacto | Notas |
|---|---|---|
| Haverá vídeo? | Muito alto | Define se o site tem a mesma sensação da referência. Ver caixa no topo |
| Site bilingue PT/EN? | Alto | Duplica todo o volume de texto. Faz sentido para clientes internacionais de offshore |
| Qual a ação nº1? | Alto | Pedir proposta, ligar para a linha urgente, ou pedir visita técnica? |
| Uma página ou várias? | Médio | A referência é uma página única com âncoras. Recomendamos manter |
| Cores da marca | Médio | Existe manual de marca? Caso contrário, propomos paleta na fase de design |
| Nomes de clientes | Médio | Podemos identificar embarcações e clientes no portefólio? |
Para imprimir e ir marcando. Ordem sugerida de prioridade.