Serviços · Sites Completos
Sites completos, de 5 a 7 páginas
Um site completo de cinco a sete páginas — normalmente início, sobre, serviços, casos de estudo e contacto, mais as páginas de que o seu negócio precisa — com o mesmo sistema de design e movimento em todas elas. Cada página é desenhada e programada a partir de um ficheiro em branco.
- Preço
- A partir de $1,500
- Prazo habitual
- 4–6 semanas
- Ideal para
- Pequenas empresas, agências, estúdios e startups em crescimento
Uma experiência, não sete páginas soltas
Um site de várias páginas só parece pensado quando todas falam a mesma língua: o mesmo sistema tipográfico, a mesma lógica de cor, a mesma forma de se moverem ao entrar no ecrã. Esse sistema partilhado é desenhado primeiro, para que a página de apresentação e os casos de estudo pareçam partes de uma mesma marca e não páginas que simplesmente partilham um logótipo.
Dentro desse sistema cada página tem a sua própria missão. A página inicial cria a primeira impressão, as páginas de serviços respondem a perguntas concretas, os casos de estudo provam o que se afirma e a página de contacto elimina as últimas razões para não escrever.
Movimento com propósito
A animação é usada para dirigir a atenção, não para preencher espaço. O GSAP impulsiona as revelações de entrada e as transições ligadas ao scroll, sincronizadas para que o site nunca pareça estar a atuar por si próprio — cada animação ganha o seu lugar ao apontar para a próxima coisa que o visitante precisa de ver.
O design é feito diretamente no navegador e não em maquetas estáticas, porque um layout que parece certo numa ferramenta de design pode parecer errado assim que se move. Vê como o site se move desde a primeira semana, não uma aproximação plana.
Sem templates, sem page builders
Cada página é programada à mão em Next.js e exportada como ficheiros estáticos. Não há uma instalação de WordPress para atualizar, nem um plugin que avaria na atualização, nem um page builder a acrescentar peso a cada página — e isso explica boa parte da razão pela qual os sites à medida continuam rápidos quando os sites de template ficam lentos.
Significa também que o design e o movimento pertencem à sua marca. Nada disso pode ser copiado de um tema que a concorrência pode comprar pelo mesmo preço.
Estruturado para motores de pesquisa desde o início
Um site de várias páginas é onde a visibilidade nos motores de pesquisa é realmente ganha ou perdida, porque cada página pode posicionar-se para a sua própria pesquisa. Cada página é entregue com o seu próprio título, descrição e dados estruturados, as páginas ligam-se entre si de forma a tornar a estrutura do site evidente para os motores de pesquisa, e o sitemap e o Search Console fazem parte do lançamento e não de uma tarefa posterior.
O que inclui
- De 5 a 7 páginas desenhadas à medida sobre um sistema visual comum
- Um sistema de movimento GSAP coerente em todo o site
- Layouts responsivos para telemóvel, tablet e desktop
- Títulos, descrições e dados estruturados únicos para cada página
- Ligações internas, sitemap e configuração do Google Search Console
- Auditoria de acessibilidade e testes em vários navegadores
- Otimização de Core Web Vitals
- Implementação estática no Cloudflare Pages
Casos de estudo deste tipo de projeto
- Alexander Krane — Portefólio de TatuagensPortefólio para um artista de tatuagens de linha fina e realismo.
- The Expat Suite — Plataforma Digital para ExpatriadosPlataforma digital e centro de recursos para expatriados e profissionais internacionais.
- The Expat Saas — Portal Web para TelemóvelPortal web complementar para a plataforma The Expat Suite.
As técnicas por trás
- Next.js e Exportação EstáticaNext.js App Router compilado para um site totalmente estático — output: 'export' — sem processo de servidor, sem arranques a frio e sem nada para corrigir às 2 da manhã.
- React e TypeScriptCada componente, hook e módulo partilhado aqui está tipado do princípio ao fim — detetando incompatibilidades de forma de estado entre sistemas independentes antes de irem para produção, não depois.
- Tailwind CSS v4 na PráticaTailwind v4 para um trabalho de layout rápido e consistente — combinado com CSS escrito à mão para as partes (empilhamento 3D, overlays de shaders personalizados, animação por keyframes) que precisam de um controlo ao nível do pixel que uma classe de utilidade não consegue expressar.
Tem um projeto em mente? Em menos de 24 horas recebe uma resposta honesta sobre se faz sentido, uma gama de preço e um prazo realista.