Saltar para o conteúdo principalSaltar para o conteúdo principal
idataweb
WEB DESIGN / PADRÕES DE PÁGINA

Páginas Sobre Que Geram Confiança e Contam a Sua História

A página sobre é a segunda página mais visitada na maioria dos sites — mas é normalmente a mais negligenciada. Desenhamos páginas sobre que transformam a história da sua empresa, equipa, missão e valores numa narrativa convincente. Storytelling orientado por scroll, cronologias animadas e secções de equipa que humanizam a sua marca.

Ver o Nosso Trabalho
#2
Página mais visitada na maioria dos sites
52%
Dos visitantes verificam "Sobre Nós" primeiro
65%
Sentem ligação emocional com histórias de origem
5x
Mais confiança com fotos reais da equipa vs stock

SECÇÕES DA PÁGINA SOBRE

6 Componentes da Página Sobre Que Desenhamos

1

História de Origem / Narrativa da Marca

Narrativa de scroll em largura total que conta a história da fundação. Tipografia rica, imagens full-bleed, citações destacadas.

Melhor para: Empresas com história de fundação convincente ou missão única.
Detalhe chave: Storytelling orientado por scroll com marcadores de marcos. A narrativa É o design.
2

Grelha de Equipa

Cartões com fotos, nomes, funções e biografias opcionais ou links sociais. Tratamento fotográfico consistente.

Melhor para: Todas as páginas sobre. As pessoas conectam-se com pessoas, não logótipos.
Detalhe chave: Mesmo fundo, mesma iluminação, mesmo corte para todas as fotos. Hover revela informação adicional.
3

Cronologia Interativa

Marcos da empresa ao longo de um eixo vertical ou horizontal. Marcadores de anos, descrições e imagens.

Melhor para: Empresas estabelecidas com marcos significativos. Páginas de evolução de produto.
Detalhe chave: Revelação progressiva acionada por scroll. Animação de desenho de linha SVG conecta marcos.
4

Secção Missão / Valores

Cartões de declaração apresentando 3-5 valores fundamentais. Ícones ou ilustrações por valor com breves descrições.

Melhor para: Empresas que lideram com propósito. Páginas de recrutamento. Marcas B-corp e sustentáveis.
Detalhe chave: Cada valor conecta-se a uma ação ou resultado específico, não apenas um conceito abstrato.
5

Contador de Estatísticas e Conquistas

Números animados: anos no negócio, projetos concluídos, tamanho da equipa, países servidos. CountUp no scroll.

Melhor para: Qualquer página sobre. Construtor rápido de credibilidade entre secções narrativas.
Detalhe chave: GSAP + CountUp.js com escalonamento entre números para efeito cascata.
6

Prémios e Certificações

Grelha de logótipos de reconhecimentos, menções na imprensa e certificações. Links para validação externa.

Melhor para: Agências, empresas SaaS, qualquer negócio com reconhecimento de terceiros.
Detalhe chave: Padrão similar à barra de logótipos de clientes. Links externos adicionam credibilidade verificável.

ANIMAÇÕES E EFEITOS

Animações de Storytelling

GSAP ScrollTrigger

Storytelling Parallax

Imagens de fundo movem-se a velocidades diferentes durante o scroll. Camadas de texto em primeiro plano. Profundidade cinemática.

Quando usar: Secções de narrativa da marca. Layouts de storytelling em largura total.

GSAP DrawSVG / CSS

Desenho de Cronologia

Linha da cronologia SVG desenha-se conforme o utilizador faz scroll. Nós de marcos aparecem sequencialmente.

Quando usar: Secções de cronologia da empresa. Evolução de produto. Marcos de carreira.

Transições CSS

Hover de Cartão de Equipa

Foto muda para alternativa casual/divertida no hover. Ou overlay revela biografia, links sociais e botão de contacto.

Quando usar: Secções de grelha de equipa. Adiciona personalidade e interatividade.

GSAP + CountUp.js

Contador de Números

Estatísticas contam de 0 até o valor alvo na entrada do scroll. Escalonamento entre números para efeito cascata.

Quando usar: Secções de estatísticas, contadores de conquistas, displays de marcos.

MELHORES PRÁTICAS

Regras que Seguimos para Todos os Projetos

Use fotos reais, não stock. Autenticidade é o condutor de confiança #1 nas páginas sobre.
Lidere com a sua história, não os seus serviços. A página sobre é para conexão e confiança.
Mostre rostos. Empresas com fotos de equipa são percebidas como 65% mais confiáveis.
Inclua um CTA. Mesmo a página sobre deve conduzir à ação no final.
Mantenha a cronologia honesta. 5-10 momentos significativos são mais impactantes que 30 menores.
Tratamento consistente de fotos da equipa. Mesmo fundo, mesma iluminação, mesmo corte para todas.

EXEMPLOS PREMIADOS

Sites que Definem o Padrão

Página Sobre Basecamp

Sem filtros, orientada por personalidade. Fotos reais, opiniões reais, sem linguagem corporativa. Mostra os humanos por trás do produto.

Página Sobre Vercel

Limpa, minimalista. Grelha de equipa com badges de função, fotos de escritório e declaração de missão clara. Deixa o trabalho falar.

Patagonia

História da marca inseparável dos valores da empresa. Missão ambiental É a página sobre. Cada escolha de design reforça o propósito.

O NOSSO PROCESSO

Como Construímos

1

Descoberta da História

Entrevistar stakeholders. Identificar a história da fundação, marcos chave, missão, valores e equipa.

2

Arquitetura de Conteúdo

Estruturar a narrativa: que ordem, que ênfase, o que incluir/excluir.

3

Design

Design completo da página sobre em todos os breakpoints. Grelha de equipa, cronologia, estatísticas, valores, CTA.

4

Desenvolvimento e Animação

Construir com animações acionadas por scroll, storytelling parallax e grelha de equipa responsiva.

Cronograma: 2-3 semanas
Stack tecnológica: CSS Grid, GSAP ScrollTrigger, Lottie, CountUp.js, Payload CMS (gestão de equipa)

FAQ

Perguntas Frequentes

O que deve incluir uma página sobre?+

No mínimo: a sua história (quem são e porque existem), secção de equipa (fotos reais e nomes), conquistas ou marcos chave, e um CTA. Para empresas com missão forte, valores e métricas de impacto também são importantes.

Quão importantes são as fotos da equipa?+

Extremamente importantes. Empresas com fotos reais da equipa são percebidas como 65% mais confiáveis. Invista em fotografia profissional consistente para a sua equipa. Fotos stock nas páginas sobre destroem a credibilidade.

Pronto para Contar a História da Sua Marca?

Desenharemos uma página sobre que humaniza a sua marca e constrói a confiança que converte visitantes em clientes.

Ver o Nosso Portfólio