Vladyslav Didyk

DepoDart — Inteligencia del subsuelo

Un sitio web 3D que se recorre con el scroll como una historia, y donde se siente cómo trabaja un modelo de IA minera bajo el cursor.

DepoDart — Inteligencia del subsuelo

DepoDart es una empresa de IA que ayuda a los equipos de minería a decidir dónde perforar. Este es su sitio web, depodart.com, que construí en 2026: un sitio 3D guiado por el scroll, en inglés, francés y español, con Next.js 15, React 19 y three.js con shaders GLSL personalizados.

El sitio web de DepoDart, una empresa de IA que lee décadas de datos de exploración minera y señala el mejor lugar para perforar a continuación. El desafío: hacer que un modelo de IA invisible se sienta real. La respuesta: un sitio que se recorre con el scroll como una historia, donde cada capítulo es su propia escena 3D en vivo: un paisaje que se abre hasta mostrar un mapa de calor bajo el cursor, un muro de datos en bruto que se convierte en objetivos clasificados y una tabla periódica que se ilumina con cada elemento que el modelo puede predecir.

Rol
Desarrollador frontend y 3D
Plazo
2026
Stack
Next.js 15 (static export) · React 19 + TypeScript · three.js + R3F · Custom GLSL shaders · GSAP + ScrollTrigger · Lenis smooth scroll · Zustand · next-intl (EN / FR / ES) · Cloudflare Pages
Los mapas del tesoro: capas de colores sobre terreno real que muestran dónde es más probable encontrar minerales, con un detalle de 10 a 25 metros según las cifras de DepoDart.
Los mapas del tesoro: capas de colores sobre terreno real que muestran dónde es más probable encontrar minerales, con un detalle de 10 a 25 metros según las cifras de DepoDart.
Un modelo, todos los elementos: una tabla periódica interactiva con todo lo que un solo modelo puede predecir.
Un modelo, todos los elementos: una tabla periódica interactiva con todo lo que un solo modelo puede predecir.
Cobertura: un globo luminoso que se ilumina, región por región, con los datos de prospección de los que aprendió la IA.
Cobertura: un globo luminoso que se ilumina, región por región, con los datos de prospección de los que aprendió la IA.

El encargo

Hacer que un modelo invisible se sienta real.

Qué es DepoDart.

DepoDart es una plataforma de IA para la industria minera. Estudia décadas de datos de exploración (mediciones, mapas, registros antiguos de perforación) y le dice a un equipo minero dónde perforar a continuación. El encargo: construir un sitio web que convierta esa idea abstracta en algo que se pueda sentir. Por eso la página de inicio se volvió una larga historia con scroll, donde cada capítulo es su propia escena 3D en vivo, en lugar de una captura dentro de un recuadro.

Por qué contarlo como una historia.

“La IA encuentra minerales” es una afirmación que no se puede fotografiar. Por eso el sitio le permite hacer el trabajo del modelo con su propio cursor: abrir el paisaje hasta ver una firma de calor, tocar el mapa para muestrear una probabilidad, ver cómo los datos en bruto se convierten en objetivos de perforación clasificados. El mensaje llega como una experiencia, no como un párrafo.

La escena de apertura: un paisaje que revela una firma de calor luminosa dondequiera que se mueva el cursor.
La escena de apertura: un paisaje que revela una firma de calor luminosa dondequiera que se mueva el cursor.

La historia que cuenta

La minería funciona con información incompleta.

El problema real, contado con el scroll.

Perforar es caro: un presupuesto enorme se destina a unos pocos pozos. Mientras tanto, décadas de mediciones útiles duermen en archivos, en formatos que no coinciden y con mapas que no se alinean. DepoDart encuentra los patrones enterrados en todos esos datos y los convierte en un objetivo en un mapa. El sitio le lleva exactamente por ese camino: entran datos en bruto, salen objetivos clasificados.

El argumento de DepoDart, en cuatro pasos.

  • No es una caja negra — Cada predicción muestra los datos que la originaron: se ve por qué el modelo apunta adonde apunta.
  • Entran datos en bruto, salen objetivos clasificados — Cualquier formato, cualquier sistema de mapas: limpiados y alineados en una sola cuadrícula común en horas, no en meses.
  • Detalle nítido y local — Mapas de probabilidad desde una vista regional amplia hasta un detalle de 10 a 25 metros sobre los datos propios de una empresa.
  • 37,8 millones de km² — Los modelos aprendieron de datos abiertos de prospección de Canadá, Estados Unidos, Brasil, Australia, Nueva Zelanda y el norte de Europa: cerca de una cuarta parte de la tierra firme del planeta.
“La exploración funciona con información incompleta”. El capítulo del problema, sobre un globo que gira lentamente.
“La exploración funciona con información incompleta”. El capítulo del problema, sobre un globo que gira lentamente.

Cobertura

Entrenado con una cuarta parte de la tierra firme del planeta.

37,8 millones de kilómetros cuadrados.

DepoDart afirma que sus modelos aprendieron de décadas de datos públicos de prospección de Canadá, Estados Unidos, Brasil, Australia, Nueva Zelanda y el norte de Europa: 37,8 millones de km², cerca de una cuarta parte de la tierra firme del planeta, más del doble del tamaño de Rusia. En el sitio, eso es un globo luminoso de líneas que se ilumina región por región a medida que avanza el scroll.

Cómo está construido

Cada capítulo es su propia escena 3D.

Escenas independientes, limpieza cuidadosa.

En lugar de un solo motor 3D grande que ejecute toda la página, cada capítulo ejecuta el suyo y lo apaga por completo cuando se pasa de largo. Esa limpieza importa: los gráficos 3D consumen memoria rápido y, sin ella, una página tan larga como esta se volvería muy lenta. Aquí, cada escena devuelve su memoria en cuanto sale de la pantalla.

Mucho trabajo para la tarjeta gráfica, poco para la red.

Las páginas en sí son archivos simples, ya construidos, servidos desde una red mundial, por lo que cargan rápido en cualquier lugar. Todo el trabajo 3D pesado ocurre en el chip gráfico de su propio dispositivo, con pequeños programas gráficos personalizados escritos para cada escena.

El capítulo de datos: “Entran datos en bruto. Salen objetivos clasificados”. Cuatro tipos de datos de prospección alimentan un solo modelo.
El capítulo de datos: “Entran datos en bruto. Salen objetivos clasificados”. Cuatro tipos de datos de prospección alimentan un solo modelo.

Movimiento

Todo se mueve al mismo pulso.

Un solo reloj para todo el movimiento.

El desplazamiento suave, los capítulos fijos y las animaciones avanzan con un único reloj compartido. Sin eso, los distintos sistemas se desfasan un poco y la página se siente ligeramente rara. Con él, cada escena aterriza exactamente donde indica el scroll, en cada fotograma.

Movimiento reducido, en serio.

Para los visitantes que activan la opción de “reducir movimiento” de su sistema, el sitio se calma de verdad: el desplazamiento es instantáneo, cada escena salta a su estado final, el cursor personalizado se aparta y la escena 3D más pesada simplemente no se ejecuta. La historia sigue leyéndose de arriba abajo, solo que sin los fuegos artificiales.

“Ampliando el poder de predicción de sus datos”. Capítulos de texto tranquilos que interrumpen las escenas 3D.
“Ampliando el poder de predicción de sus datos”. Capítulos de texto tranquilos que interrumpen las escenas 3D.

Idiomas

Inglés, francés y español, siempre sincronizados.

Tres idiomas, sin desajustes.

El sitio se publica en tres idiomas, cada uno en su propia dirección. Todo el texto vive en archivos de traducción con el inglés como fuente de verdad, y una verificación automática bloquea cualquier actualización a la que le falte una traducción. Una sección nueva no puede salir en un idioma y romper en silencio los otros dos.

Siguiente proyecto: KeyShortcut — Directorio de atajos