How much does a 3D animated website cost?

Projects start from $1,500 for a focused interactive landing page, $2,800 for a SaaS or startup website, and $4,000+ for a full multi-page animated experience.

How long does it take to build a custom animated website?

A landing page typically takes 2 to 3 weeks. A full multi-page website runs 4 to 6 weeks depending on scope and feedback cycles.

Do you work with clients outside Europe?

Yes — fully remote, worldwide. Most current and past clients are in the US and UK. Time-zone overlap is handled via async communication plus scheduled video calls.

What technologies do you use to build websites?

Next.js for the framework, Three.js and WebGL for 3D scenes, GSAP for scroll and micro-animations, and Cloudflare Pages for static deployment. No WordPress, no Webflow, no templates.

Can you redesign or rebuild my existing website?

Absolutely. Redesigns are a significant part of the work. If your current site looks dated, loads slowly, or fails to convert, a focused rebuild usually pays for itself quickly.

LOG 06 · ESTILIZAÇÃO

Tailwind CSS v4

Tailwind 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.

Utilitários para a estrutura, CSS para o pormenor

O Tailwind trata das partes de um layout que são genuinamente repetitivas — escalas de espaçamento, estrutura flex/grid, breakpoints responsivos — de forma rápida, e sem inventar um nome de classe novo para cada div. Mas as partes de um site que o fazem parecer personalizado em vez de genérico (uma rampa de cor oklch específica, uma coreografia de z-index entre um canvas WebGL e uma camada CSS3D, uma animação por keyframes ajustada à mão) continuam a ser CSS escrito à mão, porque é aí que uma classe de utilidade deixa de ser mais rápida do que simplesmente escrever as três linhas de CSS diretamente.

A configuração CSS-first do Tailwind v4 — propriedades personalizadas `@theme` reais em vez de um objeto de configuração JS — torna essa divisão mais fácil de manter: os mesmos tokens de design (cor, espaçamento) são endereçáveis tanto a partir das classes de utilidade como do CSS escrito à mão mesmo ao lado.