virtuluso.pt: este site
Antes de mostrarmos o método a clientes, usámo-lo em casa. Este site foi feito com Vibe Coding: a IA escreveu boa parte do código e a nossa equipa decidiu, reviu e testou cada passo.
O problema
O site anterior cumpria a sua função, mas já não mostrava quem somos hoje. Usava uma fonte genérica, não tinha modo escuro e existia só em português.
Faltava também o essencial: explicar, de forma simples, como trabalhamos com IA e porque é que isso é bom para quem nos contrata.
O que construímos
- Um site estático em Astro 7, rápido a abrir e simples de manter.
- Português e inglês, com um endereço próprio para cada página e um botão para mudar de língua.
- Tema escuro por omissão e tema claro opcional, ambos com contraste verificado.
- A nau em código: a caravela do logótipo desenhada em canvas, com uma alternativa estática quando o movimento está reduzido.
- A demonstração "Veja uma ideia a ganhar forma", que mostra o método passo a passo.
- Um design system próprio (cores, tipografia, componentes) que serve de base a todas as páginas.
Como foi construído
Por fases. Em cada uma, a IA construiu e as pessoas decidiram, reviram e testaram antes de avançar.
Fase 01
Fundação
Design system, tipografia, temas escuro e claro, estrutura em duas línguas e os primeiros componentes.
Fase 02
Homepage
A nau em código, a demonstração "Veja uma ideia a ganhar forma", serviços, método, perguntas frequentes e contacto.
Fase 03
Páginas
Serviços, trabalho e casos, método, produtos, sobre, pedido de proposta e política de privacidade.
Tecnologia
- Astro 7
- TypeScript (strict)
- CSS com custom properties
- JavaScript sem frameworks
- Canvas 2D
- Fontes self-hosted
- Claude Code
Resultado
Um site que apresenta a VirtuLuso nas duas línguas, nos dois temas, e que mostra o método em vez de apenas o descrever.
Cada fase foi construída com IA e revista por pessoas antes de avançar. Medimos a homepage com o Lighthouse em modo telemóvel e o JavaScript que ela carrega ficou pequeno.
- Desempenho
- 99
- Acessibilidade
- 100
- Boas práticas
- 100
- SEO
- 100
- JavaScript na homepage (gzip)
- < 10 KB
Antes e agora
Antes
- Fonte genérica
- Sem modo escuro
- Só em português
Agora
- Tipografia própria, servida pelo próprio site
- Tema escuro e tema claro
- Português e inglês, página a página
Quer um projeto assim?
Conte-nos a ideia. A análise é gratuita e sem compromisso.
Resposta em menos de 24 horas úteis
Pedir análise gratuitaOu fale connosco diretamente