01. Portada que promete
Arte oscuro 3D watercolor coherente con Terreno 3D, recortado para mobile, social preview y primer pantallazo.
Experiencia interactiva para convertirEscena 3D
Terreno 3D para rutas, etapas y hotspots
Un recorrido abstracto se vuelve mapa, punto de interes y accion.
Terreno 3D combina un mapa 3D navegable para explicar etapas, rutas o territorios de producto con hotspots comerciales. La ruta es clara: Hotspot → detalle → selección → lead con zona o etapa elegida. El objetivo no es decorar una landing; es registrar hotspots seleccionados y convertir ese interés en una siguiente acción.
Mobile-firstBlueprint animadoLanding 3D
Blueprint operativo
No vendemos una imagen. Vendemos un recorrido completo.
La portada watercolor abre la puerta, pero la entrega real une gesto, medicion, fallback y una accion que ventas puede continuar.
02. Gesto que convierte
Exploración con un pulgar y lista paralela, sin perder orientación.
03. Sistema que registra
Hotspots seleccionados como señal primaria, más eventos de CTA, sección y avance.
04. Salida comercial
Cada selección entrega a ventas un lead con zona o etapa elegida.
cargando demo
La experiencia en serio
Arte, interaccion, captura y medicion en una sola pieza.
El valor esta en el recorrido: gesto mobile, decision clara, datos de intencion y una salida comercial que el equipo puede usar.
Lo que ve la persona
Un mapa 3D navegable para territorios de producto o evento.
Lo que hace con el pulgar
Explorar zonas, abrir un hotspot, comparar, elegir.
Lo que compra la marca
Mapa visual · Interacciones por hotspot · Versión mobile optimizada
Lo que queda medido
Hotspots seleccionados
UX mobile primero
No es una portada: es un recorrido tactil.
Cada build incluye gesto principal, fallback liviano y salida clara para que el efecto no tape la conversión. La decisión ocurre en la lista; el contexto queda en el mapa.
01. Primer gesto
Mapa simplificado, hotspots en lista inferior y transiciones cortas para no perder orientación.
02. Decisión
El visitante elige una zona o etapa para ver detalle, sin perder el contexto del mapa.
03. Salida medible
La selección crea un lead con zona o etapa elegida.
Ejemplo concreto
Ejemplo: ruta cafetera con 4 hotspots — 1) Finca hospedaje, 2) Laboratorio de cata, 3) Sendero mirador, 4) Tienda tostaduría. Tocar muestra detalle de 2 líneas + foto + [Elegir esta parada]. Lead: selected_hotspots: [tasting-lab, roastery-shop], route: coffee-3-days, source: terreno-3d. Mismo patrón para territorios de producto: Starter / Pro / Enterprise / Add-ons.
Intención
Convierte rutas, etapas o territorios de producto en un mapa navegable con hotspots comerciales.
Gesto mobile
Ver patrón Mobile UX abajo.
Ruta comercial
Ver ruta hotspot arriba para entregar a ventas un lead con zona o etapa.
Señal primaria
Hotspots seleccionados
Diseno de experiencia
La entrega es Mapa visual · Interacciones por hotspot · Versión mobile optimizada para Events y Tech, con gesto y medición definidos arriba.
EventsTech
Entrega típica
- Mapa visual
- Interacciones por hotspot
- Versión mobile optimizada
Stack sugerido
Three.jsGLSL
Contacto directo: hello@codeaustral.com
Métrica principal
Hotspots seleccionados
Mobile
Decisión en lista inferior; contexto en el mapa.
Prueba operativa
Hotspot → detalle → selección → lead con zona/etapa.
Mapa de produccion
De concepto oscuro a sistema medible
La pieza visual funciona como portada, pero la entrega real incluye interaccion, fallback, eventos y ruta de captura para que la experiencia no muera como decoracion.
1. Prototipo visual y gesto tactil
2. Demo, fallback y performance mobile
3. Captura, eventos y handoff comercial
Arte oscuro 3D watercolor
Portada visual coherente con el universo MATRIX, lista para teaser, landing, ads y preview social.
Interacción real
La demo va más allá de la imagen; en mobile sigue el patrón de arriba.
Sistema comercial
La selección fluye a cotización o WhatsApp con contexto. Servicio recomendado: Landing 3D.
Lo que se valida antes de producir
Mapa visual para producto o evento
Interacciones por zona
Version mobile con lista paralela
Otra experiencia
Océano
Movimiento lento, contraste alto y pausas automaticas cuando el usuario entra a leer.
Otra experiencia
Configurador 3D
En mobile prioriza gestos simples, swatches grandes y un resumen fijo de configuracion antes del CTA.
Preguntas clave antes de producir
Para que sirve Terreno 3D?
Terreno 3D sirve para explicar una oferta de forma tactil, medir interes real y llevar al usuario hacia una accion concreta como consulta, checkout, registro, WhatsApp o agenda comercial.
Como se adapta Terreno 3D a mobile?
Usa un mapa liviano con lista inferior y transiciones cortas.
Que se mide en Terreno 3D?
Hotspots seleccionados es la metrica principal. Tambien se pueden medir pasos, CTAs, eventos por seccion, capturas y handoff a CRM o analytics.