Diseño web · México

Diseño web
inmersivo
en México

Las mejores ideas no se leen. Se recorren.

Soy Johonatan Cordero y esta es la página donde explico, por escrito, en qué consiste lo que hago: páginas web diseñadas y programadas completamente a la medida, donde la interacción, la narrativa y el movimiento ayudan a entender una idea antes de tomar una decisión.

Qué es una web inmersiva

Una página web tradicional se lee. Una página web inmersiva se recorre: al bajar, la escena cambia contigo, y el sitio deja de sentirse como un catálogo para empezar a sentirse como un lugar.

La diferencia no es decorativa. En una página normal el visitante decide qué mira y en qué orden, lo cual es perfecto cuando viene por un dato concreto. En una inmersiva, quien diseña decide el orden y el ritmo con que aparece cada pieza de información — y eso es exactamente lo que se necesita cuando hay que convencer antes de informar.

La otra diferencia está debajo: estas páginas no se arman rellenando una plantilla. Cada sección se dibuja y se programa desde cero, que es la única forma de que el movimiento tenga sentido y de que la página siga cargando rápido a pesar de él.

Cómo se ve

Dos trabajos entregados y en operación. Se recorren completos, en teléfono o en computadora:

Y el recorrido de este estudio —un descenso desde el espacio hasta el fondo del mar— se puede recorrer aquí. Es la carta de presentación y, al mismo tiempo, la demostración.

En qué se distingue de una página tradicional

Ninguna de las dos columnas es mejor. Son herramientas distintas: la pregunta correcta no es cuál es más moderna, sino cuál resuelve lo que tu proyecto necesita este año.

Cuándo vale la pena

Cuando la primera impresión decide la venta y el producto todavía necesita explicarse:

• Lanzamiento de producto o campaña de temporada
• Preventa inmobiliaria, donde hay que vender algo que aún no existe
• Catálogo de una colección, un hotel o un restaurante
• Presentación a inversionistas o a un consejo
• Congresos, festivales y eventos con fecha
• La historia de una marca que quiere contarse completa

Cuándo no

Si necesitas publicar tres artículos por semana, si tu negocio es sobre todo un catálogo con cientos de productos que cambian solos, o si estás validando una idea y todavía no sabes qué vas a vender. En esos casos te conviene otra herramienta —un gestor de contenido, una tienda armada, incluso una plantilla bien elegida— y te lo voy a decir desde la primera conversación, aunque me cueste el proyecto.

Cómo se hace

Sin misterio, para que sepas qué estás comprando:

Narrativa primero

Antes de dibujar nada, se decide qué tiene que entender el visitante y en qué orden. El recorrido se escribe como se escribe una historia: qué se ve primero, qué se guarda para el final, dónde conviene que se detenga.

Diseño de la experiencia

Cada escena se diseña a la medida de la marca —color, tipografía, ilustración, fotografía— cuidando que la experiencia de usuario no se pierda dentro del efecto: siempre hay que saber dónde se está, cuánto falta y cómo llegar al contacto.

Programación a la medida

La página se escribe a mano: animación ligada al scroll, secuencias cuadro por cuadro, 3D en el navegador cuando el proyecto lo pide, y desarrollo frontend cuidado para que el movimiento corra parejo. Nada de complementos apilados.

Rendimiento y teléfono

Es la parte que más trabajo cuesta y la que nadie ve. Se sirven imágenes distintas para teléfono y escritorio, se comprime cada archivo, se prueba en pantalla chica —vertical y acostada— y se respeta a quien tiene desactivadas las animaciones por accesibilidad.

Buscadores desde el primer día

El texto vive en el HTML, no dentro de la animación: títulos, descripciones, datos estructurados y sitemap se entregan resueltos. Es la razón por la que esta página existe — el recorrido convence, pero quien llega buscando información necesita algo escrito para leerse.

Quién lo hace

Yo. Cauce es un estudio de diseño web de una sola persona: hablas directo con quien diseña y escribe el código, sin ejecutivo de cuenta ni cadena de correos. Eso tiene una ventaja y un límite, y los dos son honestos — nadie va a entenderte a medias, y tomo un número corto de proyectos a la vez.

Trabajo desde México, a distancia, en español y en inglés. Además de páginas web hago identidad, ilustración y gráfica aplicada, así que si tu proyecto necesita las dos cosas no tienes que coordinar a dos proveedores.

Cuánto cuesta

Ambos incluyen dominio, hospedaje y tres rondas de ajustes. El desglose completo —qué incluye, qué no, qué mueve el precio y cómo se compara con el resto del mercado mexicano— está aparte: precios de diseño web, por escrito →

Preguntas frecuentes