Sitios Web Animados en 3D y Landing Pages Interactivas

Globe 0%

Trabajo seleccionado

Sitios que realmente he lanzado

Seis proyectos en producción, cada uno con su propio caso de estudio — el brief, las decisiones de diseño y el stack detrás.

Engineered for Excellence — laptop mockup
HTML5Remote · US

Engineered for Excellence

Cinematic landing page for a professional automotive workshop.

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

Alexander Krane

Portfolio for a fine-line and realism tattoo artist.

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

Beyond

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

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

Nexora

Fintech landing page built for trust and conversion.

HTML5CSS3JavaScriptGSAP
Ver caso de estudio →
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 estudio →
The Expat Saas — laptop mockup
HTML5Remote · Global

The Expat Saas

Companion web portal for The Expat Suite platform.

HTML5CSS3JavaScriptMobile-first UX
Ver caso de estudio →
Ver el portafolio completo ↗

Preguntas frecuentes

Preguntas frecuentes

¿Cuánto cuesta un sitio web animado en 3D?
Una landing page enfocada empieza desde $500, y un sitio web completo de 5 a 7 páginas desde $1,500. Los proyectos con todas las funcionalidades — escenas y animaciones 3D a medida, WebGL, movimiento avanzado y cualquier otra tecnología que necesite el proyecto — se presupuestan uno a uno. Cada presupuesto se ajusta exactamente a tu briefing — sin relleno, sin conjeturas.
¿Cuánto tiempo se tarda en construir un sitio web animado a medida?
Una landing page suele estar lista en una semana, o dos como máximo según la rapidez de las respuestas del cliente. Un sitio web completo de varias páginas tarda entre 4 y 6 semanas según el alcance y los ciclos de feedback. El descubrimiento, el diseño y el desarrollo se realizan en sprints ajustados y transparentes.
¿Trabajas con clientes fuera de Europa?
Sí — completamente remoto, en todo el mundo. La mayoría de los clientes actuales y anteriores están en EE. UU. y Reino Unido. La diferencia horaria se gestiona mediante comunicación asíncrona y videollamadas programadas.
¿Qué tecnologías usas para construir sitios web?
Next.js como framework, Three.js y WebGL para escenas 3D, GSAP para scroll y microanimaciones, CSS moderno con color OKLCH, y Cloudflare Pages para despliegue estático. Sin WordPress, sin Webflow, sin plantillas.
¿Qué diferencia tus sitios web de una plantilla o un constructor de páginas?
Todo se escribe desde cero para el briefing. El movimiento, la maquetación, los elementos 3D — nada de eso podría clonarse de un tema. Las puntuaciones Lighthouse superan constantemente 90 en Rendimiento, Accesibilidad y SEO.
¿Puedes rediseñar o reconstruir mi sitio web existente?
Por supuesto. Los rediseños son una parte importante del trabajo. Si tu sitio actual se ve anticuado, carga lento o no convierte, una reconstrucción enfocada suele amortizarse rápidamente.

¿Tienes una pregunta que no aparece aquí? Contáctame directamente.

miguel.ramos.dba@gmail.com

Lo que construyo

Sitios web programados a medida que se mueven

Desarrollo web freelance para startups, productos SaaS, fintech y marcas de e-commerce. Cada proyecto está programado a mano en Next.js — sin plantillas, sin constructores de páginas, sin concesiones. Los precios van desde $500 para una landing page hasta un presupuesto a medida para proyectos 3D completos.

01

Landing Page

Desde $500

Una sola página construida en torno a una acción clara — un lanzamiento, una lista de espera, una campaña o una oferta. Diseño a medida, movimiento con GSAP, una maquetación enfocada en la conversión, SEO y alojamiento estático rápido. Ideal para lanzamientos de producto, listas de espera y embudos de oferta única.

  • Conversion
  • GSAP
  • Responsive
  • SEO
02

Sitio Web Completo (5–7 páginas)

Desde $1,500

Un sitio completo — inicio, sobre nosotros, servicios, casos de estudio, contacto y más — con un mismo sistema de diseño y movimiento, y SEO propio para cada página. Perfecto para pequeñas empresas, agencias, estudios y startups en crecimiento.

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

Proyecto a Medida con 3D

Presupuesto a medida

Todas las funcionalidades: escenas 3D en tiempo real con Three.js y WebGL, shaders a medida, coreografía GSAP avanzada y cualquier otra tecnología que necesite el proyecto. El tipo de sitio que los visitantes capturan y comparten. Con precio ajustado a tu proyecto.

  • Three.js
  • WebGL
  • GSAP
  • Custom Animations
Iniciar un proyecto →

Sobre mí

El desarrollador que piensa como un diseñador

Cinco años construyendo para la web, con una obsesión creciente por el 3D y el movimiento. Combino la precisión de la ingeniería con la intuición del diseño para crear sitios web animados que convierten — del tipo que hace que los visitantes dejen de desplazarse y empiecen a hacer clic. Mi formación en ingeniería de datos me dio el hábito de medir resultados: no solo cómo se ve un sitio, sino qué hace realmente.

Ubicado en Albacete, España. Trabajo de forma remota con startups y marcas en EE. UU., Reino Unido y Europa. Actualmente disponible para nuevos proyectos.

Disponibilidad
Disponible para nuevos proyectos
Ubicación
España — Remoto en todo el mundo
Idiomas
Inglés · Español · Portugués
Áreas de enfoque
Startups · SaaS · Fintech · E-commerce
Stack principal
Next.js · Three.js · GSAP · TypeScript
Puntuación Lighthouse
95+ en todas las categorías

Trabajos seleccionados

Proyectos que he construido

Engineered for Excellence

Taller Automotriz · Remoto, EE. UU.

Landing page cinematográfica para un taller automotriz profesional. Hero 3D a pantalla completa, tipografía display audaz y diseño oscuro de alto contraste construido para vender rendimiento. Secuencias de scroll con GSAP a medida y efectos de shader WebGL en todo el sitio.

  • GSAP
  • 3D Design
  • Dark UI

Alexander Krane

Portfolio de Artista de Tatuajes · Londres, Reino Unido

Sitio de portfolio para un artista de tatuajes de línea fina y realismo. Diseño oscuro atmosférico, tipografía serif editorial e interacciones de scroll inmersivas que muestran el trabajo sin distraer de él.

  • GSAP
  • Typography
  • Scroll FX

Beyond

Experiencia Interactiva · Remoto, Global

Landing page interactiva de temática sci-fi con imágenes 3D surrealistas y una atmósfera cinematográfica. Construida para llevar al límite lo que puede sentirse una experiencia web — inmersiva, rápida y memorable.

  • Interactive
  • 3D
  • Immersive

Nexora

Empresa Fintech · Remoto, Global

Landing page para empresa fintech con maquetación enfocada en la conversión, presentación de datos financieros y una identidad de marca profesional y limpia construida para generar confianza y crecimiento.

  • Fintech
  • UI Design
  • Conversion

Cómo trabajo

De la idea al sitio en vivo

Cuatro pasos enfocados. Sin relleno, sin reuniones innecesarias.

  1. 01

    Descubrimiento — Entender tu marca y objetivos

    Antes de abrir un editor, entiendo tu negocio: quiénes son tus clientes, qué necesitan creer para actuar y cómo es tu competencia.

  2. 02

    Diseño — Maquetación, tipografía e identidad visual

    Diseño directamente en el navegador — sin fase de entrega de Figma. Ves cómo se mueve y se siente el sitio desde el primer día. Cada decisión se toma con intención.

  3. 03

    Desarrollo — Código a medida, cero relleno

    HTML limpio y semántico. CSS moderno. GSAP para movimiento intencional. Sin WordPress, sin Webflow. Puntuaciones Lighthouse típicas: 95+ en todas las categorías.

  4. 04

    Lanzamiento — Listo para SEO, probado y entregado

    Auditoría de accesibilidad, optimización de Core Web Vitals, datos estructurados, pruebas multi-navegador y configuración de Google Search Console antes de publicar nada.

Preguntas frecuentes

Preguntas frecuentes

¿Cuánto cuesta un sitio web animado en 3D?
Una landing page enfocada empieza desde $500, y un sitio web completo de 5 a 7 páginas desde $1,500. Los proyectos con todas las funcionalidades — escenas y animaciones 3D a medida, WebGL, movimiento avanzado y cualquier otra tecnología que necesite el proyecto — se presupuestan uno a uno. Cada presupuesto se ajusta exactamente a tu briefing — sin relleno, sin conjeturas.
¿Cuánto tiempo se tarda en construir un sitio web animado a medida?
Una landing page suele estar lista en una semana, o dos como máximo según la rapidez de las respuestas del cliente. Un sitio web completo de varias páginas tarda entre 4 y 6 semanas según el alcance y los ciclos de feedback. El descubrimiento, el diseño y el desarrollo se realizan en sprints ajustados y transparentes.
¿Trabajas con clientes fuera de Europa?
Sí — completamente remoto, en todo el mundo. La mayoría de los clientes actuales y anteriores están en EE. UU. y Reino Unido. La diferencia horaria se gestiona mediante comunicación asíncrona y videollamadas programadas.
¿Qué tecnologías usas para construir sitios web?
Next.js como framework, Three.js y WebGL para escenas 3D, GSAP para scroll y microanimaciones, CSS moderno con color OKLCH, y Cloudflare Pages para despliegue estático. Sin WordPress, sin Webflow, sin plantillas.
¿Qué diferencia tus sitios web de una plantilla o un constructor de páginas?
Todo se escribe desde cero para el briefing. El movimiento, la maquetación, los elementos 3D — nada de eso podría clonarse de un tema. Las puntuaciones Lighthouse superan constantemente 90 en Rendimiento, Accesibilidad y SEO.
¿Puedes rediseñar o reconstruir mi sitio web existente?
Por supuesto. Los rediseños son una parte importante del trabajo. Si tu sitio actual se ve anticuado, carga lento o no convierte, una reconstrucción enfocada suele amortizarse rápidamente.

¿Tienes una pregunta que no aparece aquí? Contáctame directamente.

miguel.ramos.dba@gmail.com