WEB DESIGN / FERRAMENTA GRATUITA
A Checklist de Web Design de 75 Pontos
Não lance sem verificar estes pontos. A nossa checklist pré-lançamento cobre tudo: desempenho, SEO, acessibilidade, design responsivo, segurança, qualidade do conteúdo e otimização de conversão. Utilizada internamente em todos os projetos que enviamos — agora disponível gratuitamente.
CHECKLIST
75 Pontos em 7 Categorias
Desempenho (12 pontos)
☐Pontuação de Desempenho Lighthouse ≥90 em mobile
☐LCP (Largest Contentful Paint) sob 2,5 segundos
☐CLS (Cumulative Layout Shift) sob 0,1
☐FID/INP (Interaction to Next Paint) sob 200ms
☐Todas as imagens otimizadas: formato WebP/AVIF, srcset responsivo, lazy loading
☐CSS e JS minificados e tree-shaken
☐Fontes subset e pré-carregadas (font-display: swap)
☐CDN configurado (Cloudflare, Vercel Edge, ou similar)
☐Compressão Gzip/Brotli ativada
☐Sem recursos que bloqueiem renderização no caminho crítico
☐Scripts de terceiros auditados e diferidos
☐Peso total da página sob 2MB (idealmente sob 1MB)
SEO (12 pontos)
☐Tag <title> única por página (50-60 caracteres)
☐<meta description> única por página (150-160 caracteres)
☐Hierarquia de títulos adequada (um H1 por página, H2-H6 lógicos)
☐URLs canónicos definidos em todas as páginas
☐Sitemap XML gerado e submetido ao Google Search Console
☐robots.txt configurado corretamente
☐Dados estruturados (Schema.org) nas páginas-chave
☐Tags Open Graph para partilha social
☐Todas as imagens têm texto alt descritivo
☐Estratégia de ligação interna implementada (3-5 ligações internas por página)
☐Redirecionamentos 301 definidos para URLs alterados
☐Sem ligações quebradas (404s) — verificado com crawler
Acessibilidade (12 pontos)
☐Conformidade WCAG 2.2 AA verificada
☐Rácio de contraste de cor 4.5:1 mínimo para texto do corpo
☐Todos os elementos interativos navegáveis por teclado
☐Indicadores de foco visíveis em todos os elementos focalizáveis
☐Ligação skip-to-content para utilizadores de teclado
☐Etiquetas ARIA em todos os elementos interativos não textuais
☐Etiquetas de formulário devidamente associadas com inputs
☐Mensagens de erro descritivas e associadas ao campo relevante
☐Media query prefers-reduced-motion respeitada
☐Suporte prefers-color-scheme (modo escuro) se aplicável
☐Testado com leitor de ecrã (VoiceOver, NVDA, ou JAWS)
☐Alvos de toque 44x44px mínimo em mobile
Design Responsivo (10 pontos)
☐Testado em 375px, 390px, 768px, 1024px, 1280px, 1440px, 1920px
☐Sem barra de scroll horizontal em qualquer breakpoint
☐Tipografia legível sem zoom em mobile (16px mínimo)
☐Imagens responsivas (srcset ou CSS object-fit)
☐Tabelas fazem scroll horizontal em mobile
☐Formulários utilizáveis em mobile (inputmode adequado, seletores nativos)
☐Navegação colapsa para drawer móvel
☐Vídeos responsivos e não transbordam contentores
☐Modais/popups funcionam corretamente em mobile
☐Stylesheet de impressão disponível para páginas-chave
Segurança (8 pontos)
☐Certificado SSL ativo (HTTPS em todas as páginas)
☐Cabeçalhos de segurança configurados: CSP, X-Frame-Options, X-Content-Type-Options
☐Todas as entradas de formulário validadas do lado do servidor
☐CAPTCHA ou honeypot em formulários públicos
☐Sem dados sensíveis em URLs ou JavaScript do lado do cliente
☐Banner de consentimento de cookies conforme RGPD/CCPA
☐Dependências atualizadas (sem vulnerabilidades conhecidas)
☐Painéis de administração protegidos (não acessíveis via URLs padrão)
Qualidade do Conteúdo (10 pontos)
☐Sem texto Lorem Ipsum ou placeholder remanescente
☐Todas as ligações apontam para destinos corretos
☐Gramática e ortografia verificadas
☐Páginas legais presentes: Política de Privacidade, Termos de Serviço, Política de Cookies
☐Ano de copyright atual (2026)
☐Informação de contacto precisa e funcional
☐Página de erro 404 desenhada e útil
☐Favicon e ícones de app definidos
☐Pré-visualização de partilha social testada (Facebook, Twitter, LinkedIn)
☐Todos os ficheiros descarregáveis verificados
Otimização de Conversão (11 pontos)
☐CTA primário acima da dobra em todas as páginas-chave
☐Texto do botão CTA é específico da ação ("Obter o Meu Orçamento Gratuito" não "Enviar")
☐Número de telefone clicável em mobile (ligação tel:)
☐Endereço de email clicável (ligação mailto:)
☐Formulários submetem com sucesso e acionam confirmação
☐Rastreamento de analytics instalado (GA4, GTM) e verificado
☐Rastreamento de objetivos configurado (submissões de formulário, cliques CTA, chamadas)
☐Ferramenta de heatmap instalada (Hotjar, Microsoft Clarity)
☐Prova social visível nas páginas-chave de conversão
☐Velocidade de carregamento da página sob 3 segundos em 4G mobile
☐Estratégia de exit-intent definida
FAQ
Perguntas Frequentes
Esta checklist é gratuita?+
Sim, completamente gratuita. Descarregue o PDF, use-a em todos os projetos, partilhe-a com a sua equipa. Utilizamos esta mesma checklist internamente em todos os websites que construímos.
Com que frequência devo executar esta checklist?+
Antes de cada lançamento, após cada atualização maior e trimestralmente como auditoria de manutenção. Verificações de Desempenho e Segurança devem ser mensais.
E se falhar vários itens da checklist?+
Isso é normal — a maioria dos websites falha 20-30% destas verificações. Priorize por impacto: correções de Desempenho e Segurança primeiro, depois SEO, depois Acessibilidade. Ou deixe-nos tratar disso — oferecemos serviços de auditoria de checklist a partir de €500.
Quer Que Executemos Esta Checklist Por Si?
A nossa auditoria profissional pré-lançamento cobre todos os 75 pontos mais 25 verificações técnicas adicionais. Entregamos um relatório detalhado com correções priorizadas e impacto estimado.