Sites Animados em 3D e Landing Pages Interativas

Globe 0%

Trabalho selecionado

Sites que realmente lancei

Seis projetos em produção, cada um com o seu próprio caso de estudo — o briefing, as decisões de design e o stack por trás.

Engineered for Excellence — laptop mockup
HTML5Remote · US

Engineered for Excellence

Cinematic landing page for a professional automotive workshop.

HTML5CSS3JavaScriptGSAP
Ver caso de estudo →
Alexander Krane — laptop mockup
HTML5London, UK

Alexander Krane

Portfolio for a fine-line and realism tattoo artist.

HTML5CSS3JavaScriptGSAP
Ver caso de estudo →
Beyond — laptop mockup
HTML5Remote · Global

Beyond

Sci-fi interactive landing page with a surreal, cinematic atmosphere.

HTML5CSS3JavaScriptGSAP
Ver caso de estudo →
Nexora — laptop mockup
HTML5Remote · Global

Nexora

Fintech landing page built for trust and conversion.

HTML5CSS3JavaScriptGSAP
Ver caso de estudo →
The Expat Suite — laptop mockup
HTML5Remote · Global

The Expat Suite

Digital platform and resource hub for expats and international professionals.

HTML5CSS3JavaScriptInformation architecture
Ver caso de estudo →
The Expat Saas — laptop mockup
HTML5Remote · Global

The Expat Saas

Companion web portal for The Expat Suite platform.

HTML5CSS3JavaScriptMobile-first UX
Ver caso de estudo →

Perguntas frequentes

Perguntas frequentes

Quanto custa um site animado em 3D?
Uma landing page focada começa a partir de $500, e um site completo de 5 a 7 páginas a partir de $1,500. Os projetos com todas as funcionalidades — cenas e animações 3D à medida, WebGL, movimento avançado e qualquer outra tecnologia de que o projeto precise — são orçamentados um a um. Cada orçamento é ajustado exatamente ao seu briefing — sem excessos, sem suposições.
Quanto tempo demora a construir um site animado personalizado?
Uma landing page fica normalmente pronta numa semana, ou duas no máximo, conforme a rapidez das respostas do cliente. Um site completo de várias páginas demora entre 4 a 6 semanas, dependendo do âmbito e dos ciclos de feedback. A descoberta, o design e o desenvolvimento acontecem em sprints ajustados e transparentes.
Trabalha com clientes fora da Europa?
Sim — totalmente remoto, em todo o mundo. A maioria dos clientes atuais e anteriores está nos EUA e Reino Unido. A diferença horária é gerida através de comunicação assíncrona e videochamadas agendadas.
Que tecnologias usa para construir sites?
Next.js como framework, Three.js e WebGL para cenas 3D, GSAP para scroll e microanimações, CSS moderno com cor OKLCH, e Cloudflare Pages para implantação estática. Sem WordPress, sem Webflow, sem templates.
O que diferencia os seus sites de um template ou construtor de páginas?
Tudo é escrito de raiz para o briefing. O movimento, o layout, os elementos 3D — nada disso poderia ser clonado de um tema. As pontuações Lighthouse atingem consistentemente 90+ em Performance, Acessibilidade e SEO.
Pode redesenhar ou reconstruir o meu site existente?
Com certeza. Os redesenhos são uma parte significativa do trabalho. Se o seu site atual parece datado, carrega devagar ou não converte, uma reconstrução focada normalmente compensa rapidamente.

Tem uma pergunta que não está aqui listada? Contacte diretamente.

miguel.ramos.dba@gmail.com

O que construo

Sites programados à medida que se movem

Desenvolvimento web freelance para startups, produtos SaaS, fintech e marcas de e-commerce. Cada projeto é programado à mão em Next.js — sem templates, sem construtores de páginas, sem compromissos. Os preços vão de $500 para uma landing page até um orçamento à medida para projetos 3D completos.

01

Landing Page

A partir de $500

Uma única página construída em torno de uma ação clara — um lançamento, uma lista de espera, uma campanha ou uma oferta. Design à medida, movimento com GSAP, um layout focado na conversão, SEO e alojamento estático rápido. Ideal para lançamentos de produto, listas de espera e funis de oferta única.

  • Conversion
  • GSAP
  • Responsive
  • SEO
02

Site Completo (5–7 páginas)

A partir de $1,500

Um site completo — início, sobre, serviços, casos de estudo, contacto e mais — com o mesmo sistema de design e movimento, e SEO próprio para cada página. Perfeito para pequenas empresas, agências, estúdios e startups em crescimento.

  • Next.js
  • Motion Design
  • SEO
  • Performance
03

Projeto à Medida com 3D

Orçamento à medida

Todas as funcionalidades: cenas 3D em tempo real com Three.js e WebGL, shaders à medida, coreografia GSAP avançada e qualquer outra tecnologia de que o projeto precise. O tipo de site que os visitantes capturam e partilham. Com preço ajustado ao seu projeto.

  • Three.js
  • WebGL
  • GSAP
  • Custom Animations

Sobre

O programador que pensa como um designer

Cinco anos a construir para a web, com uma obsessão crescente por 3D e movimento. Combino precisão de engenharia com intuição de design para criar sites animados que convertem — do tipo que faz os visitantes pararem de rolar e começarem a clicar. A minha formação em engenharia de dados deu-me o hábito de medir resultados: não apenas como um site parece, mas o que realmente faz.

Baseado em Albacete, Espanha. A trabalhar remotamente com startups e marcas nos EUA, Reino Unido e Europa. Atualmente disponível para novos projetos.

Disponibilidade
Disponível para novos projetos
Localização
Espanha — Remoto em todo o mundo
Idiomas
Inglês · Espanhol · Português
Áreas de foco
Startups · SaaS · Fintech · E-commerce
Stack principal
Next.js · Three.js · GSAP · TypeScript
Pontuação Lighthouse
95+ em todas as categorias

Trabalhos selecionados

Projetos que construí

Engineered for Excellence

Oficina Automóvel · Remoto, EUA

Landing page cinematográfica para uma oficina automóvel profissional. Hero 3D em ecrã completo, tipografia display arrojada e design escuro de alto contraste construído para vender performance. Sequências de scroll GSAP personalizadas e efeitos de shader WebGL em todo o site.

  • GSAP
  • 3D Design
  • Dark UI

Alexander Krane

Portefólio de Artista de Tatuagens · Londres, Reino Unido

Site de portefólio para um artista de tatuagens de linha fina e realismo. Design escuro atmosférico, tipografia serifada editorial e interações de scroll imersivas que mostram o trabalho sem distrair dele.

  • GSAP
  • Typography
  • Scroll FX

Beyond

Experiência Interativa · Remoto, Global

Landing page interativa com temática sci-fi, imagens 3D surrealistas e uma atmosfera cinematográfica. Construída para levar ao limite o que uma experiência web pode parecer — imersiva, rápida e memorável.

  • Interactive
  • 3D
  • Immersive

Nexora

Empresa Fintech · Remoto, Global

Landing page para empresa fintech com layout focado na conversão, apresentação de dados financeiros e uma identidade de marca profissional e limpa construída para gerar confiança e crescimento.

  • Fintech
  • UI Design
  • Conversion

Como trabalho

Da ideia ao site no ar

Quatro passos focados. Sem enrolação, sem reuniões desnecessárias.

  1. 01

    Descoberta — Compreender a sua marca e objetivos

    Antes de abrir um editor, compreendo o seu negócio: quem são os seus clientes, no que precisam de acreditar para agir e como é a sua concorrência.

  2. 02

    Design — Layout, tipografia e identidade visual

    Faço o design diretamente no navegador — sem fase de entrega em Figma. Vê como o site se move e sente desde o primeiro dia. Cada escolha é feita com intenção.

  3. 03

    Desenvolvimento — Código à medida, zero excesso

    HTML limpo e semântico. CSS moderno. GSAP para movimento intencional. Sem WordPress, sem Webflow. Pontuações Lighthouse típicas: 95+ em todas as categorias.

  4. 04

    Lançamento — Pronto para SEO, testado e entregue

    Auditoria de acessibilidade, otimização de Core Web Vitals, dados estruturados, testes em múltiplos navegadores e configuração do Google Search Console antes de publicar.

Perguntas frequentes

Perguntas frequentes

Quanto custa um site animado em 3D?
Uma landing page focada começa a partir de $500, e um site completo de 5 a 7 páginas a partir de $1,500. Os projetos com todas as funcionalidades — cenas e animações 3D à medida, WebGL, movimento avançado e qualquer outra tecnologia de que o projeto precise — são orçamentados um a um. Cada orçamento é ajustado exatamente ao seu briefing — sem excessos, sem suposições.
Quanto tempo demora a construir um site animado personalizado?
Uma landing page fica normalmente pronta numa semana, ou duas no máximo, conforme a rapidez das respostas do cliente. Um site completo de várias páginas demora entre 4 a 6 semanas, dependendo do âmbito e dos ciclos de feedback. A descoberta, o design e o desenvolvimento acontecem em sprints ajustados e transparentes.
Trabalha com clientes fora da Europa?
Sim — totalmente remoto, em todo o mundo. A maioria dos clientes atuais e anteriores está nos EUA e Reino Unido. A diferença horária é gerida através de comunicação assíncrona e videochamadas agendadas.
Que tecnologias usa para construir sites?
Next.js como framework, Three.js e WebGL para cenas 3D, GSAP para scroll e microanimações, CSS moderno com cor OKLCH, e Cloudflare Pages para implantação estática. Sem WordPress, sem Webflow, sem templates.
O que diferencia os seus sites de um template ou construtor de páginas?
Tudo é escrito de raiz para o briefing. O movimento, o layout, os elementos 3D — nada disso poderia ser clonado de um tema. As pontuações Lighthouse atingem consistentemente 90+ em Performance, Acessibilidade e SEO.
Pode redesenhar ou reconstruir o meu site existente?
Com certeza. Os redesenhos são uma parte significativa do trabalho. Se o seu site atual parece datado, carrega devagar ou não converte, uma reconstrução focada normalmente compensa rapidamente.

Tem uma pergunta que não está aqui listada? Contacte diretamente.

miguel.ramos.dba@gmail.com