
Development
Let’s groove the code
Combinar código, música y motion design para crear experiencias inmersivas. La historia de convertir un lanzamiento musical en un viaje interactivo en 3D.
Encendés el motor. El sol se está poniendo sobre una ruta infinita. En la radio suena Fairlanes. Tus manos están al volante de un Ford de los 70 que avanza hacia ninguna parte y hacia todos lados a la vez. Esto no es un sitio web. Es un viaje.
Play that funky music
Soy desarrollador y también toco el bajo en Fairlanes. Cuando llegó el momento de lanzar nuestro nuevo disco, quería hacer algo más que subir las canciones a Spotify.
El desafío era claro: en 2025, un disco lanzado únicamente a través de un link de streaming, se pierde en el scroll. ¿Cómo hacés que alguien realmente le preste atención a tu música en medio del caos de las plataformas? ¿Qué pasaría si en lugar de hacer un sitio web tradicional con un reproductor, convertimos el disco en una experiencia navegable? ¿Si la música no fuera solo audio, sino también espacio, movimiento, juego?
La respuesta: un endless runner en 3D donde manejás un muscle car por una ruta infinita mientras suena el disco completo. Motion design, música, física real y un viaje mental que borra los límites entre escuchar, jugar y recorrer.
No es contenido pasivo. Es una experiencia activa donde vos sos parte del viaje. El sitio comunica la identidad de Fairlanes de una forma que ningún post o video podría: te mete adentro de su universo. Literalmente.

Get down on it
La experiencia parte de una premisa simple: manejás un Ford Fairlane por una ruta infinita mientras suena el disco, como en esas road movies en las que cada detalle construye el viaje. Cada arista está minuciosamente cuidada.
El atardecer no es un fondo estático. Es un cielo HDR renderizado en tiempo real, envuelto en naranjas y amarillos, con niebla sobre el horizonte. Un bloom suave que hace brillar las luces. Una aberración cromática sutil que da ese look de película vintage diseñada para evocar la calidez de un viaje en ruta en los '70, pero construido con tecnología de 2025.

No hay destino. No hay "final del sitio". La ruta se genera proceduralmente: cada curva, cada árbol, cada cactus, cada cartel aparece mientras avanzás. Nunca repetís el mismo paisaje.
Y el auto se siente como un auto. Tiene peso, inercia, física real. Las luces de freno se prenden cuando frenás. La cámara te sigue adaptándose a tu velocidad. Son detalles invisibles que se sienten. El cuidado se nota, aunque no sepas nombrarlo.

Don’t stop till you get enough
Esta experiencia nació de las mismas ganas con las que tocás en un ensayo o con las que debugueás a las 3 AM porque querés que algo funcione perfecto.
En Ecloud Agency somos manija en todo lo que hacemos. No es pose. Es quienes somos. Cuando las conversaciones de pasillo saltan de acordes a algoritmos sin que nadie levante una ceja, cuando el código se escribe con la misma pasión con la que se compone una canción, la alquimia que se genera entre creatividad y tecnología es pura potencia.
No separamos el arte de la tecnología, el trabajo de la pasión ni el proyecto del deseo. Y cuando esa autenticidad se vuelve método, aparecen mundos como este: donde encender el motor y manejar mientras se pone el sol no es una metáfora. Es literal.
Podés subir al Fairlane en www.funkyfairlanes.com
Otras ñoñadas:
Laser, force field, rocket
Mewxperience
Space journey

Para los nerdos, el stack:
- Three.js + React Three Fiber: el motor que renderiza 3D en tiempo real, directo en el navegador. Sin instalaciones.
- Rapier: el motor de física que hace que el auto se sienta real. Aceleración, inercia, colisiones en cada frame.
- Postprocessing: los efectos que convierten píxeles en atmósfera. El bloom que ilumina, la aberración que cinematiza.
- Drei: las herramientas que cargan el Fairlane, el cielo HDR, los objetos del escenario, las texturas.
- Zustand: la sincronización invisible entre el velocímetro, la radio, el auto y la cámara.
- Chakra UI: la interfaz que se adapta a desktop y mobile. Porque la experiencia funciona en cualquier pantalla, no como adaptación sino como diseño desde el inicio.
- Next.js: la estructura que hace que todo cargue rápido y esté optimizado.

