Sitio webEntregado
Una primera visita al estudio, desde el celular
Landing para un estudio de Hot Mat Pilates en Canning, con clases, horarios conectados y contacto directo, a partir de la identidad de CONTRAST3.
- Cliente
- MAT Pilates
- Año
- 2026
- Rol
- Diseño web, Desarrollo, Organización del contenido
- Entregables
- Landing institucional, Catálogo de clases, Horarios semanales, Ubicación y contacto

El contexto
MAT Pilates es un estudio de Canning que propone clases en colchoneta y movimiento en un ambiente cálido. Para alguien que llega desde Instagram, la web debía responder las preguntas previas a la primera visita: de qué se trata la propuesta, qué clases ofrece, cuándo se dictan y cómo consultar.
La landing acompañó al negocio desde su apertura. Organizamos la presentación pública con la información confirmada del estudio y un recorrido desde el primer interés hasta el contacto directo.
El alcance
Desarrollamos una landing con presentación del método Hot Mat, catálogo de clases, horarios semanales, galería del espacio, ubicación y accesos a WhatsApp. VNT realizó el diseño y desarrollo completos de la web. El estudio proporcionó su brandbook, desarrollado por CONTRAST3, como base de identidad.
Llevar la identidad a una interfaz
La paleta, los logotipos y la tipografía Neue Montreal forman la base del sistema visual. Definimos su uso en títulos, textos, botones y fondos, con ajustes para escritorio y celular.
La fotografía muestra el estudio y su equipamiento, mientras que los desplegables permiten explorar información sin presentar todos los detalles al mismo tiempo. El movimiento acompaña esas interacciones y contempla la preferencia de movimiento reducido del dispositivo.
Conectar clases y horarios
El catálogo reúne cuatro propuestas, con descripción, intensidad y ambiente. Cada clase incluye sus días y horarios; desde ella se puede ir a la grilla semanal, y desde la grilla volver al detalle de la clase.
La misma programación alimenta ambas vistas. En escritorio se presenta como tabla semanal y en celular como días desplegables. Así, cambiar un horario no requiere actualizar varias versiones independientes de la información.


Mantener clases y horarios conectados
Las clases y la programación tienen una representación estructurada en la web. Las descripciones y los accesos desde la grilla mantienen la misma identificación para que la persona pueda relacionar una propuesta con sus horarios y consultar sus características. Esa base también permite mantener la información cuando cambia la programación.
Terminar el recorrido en una conversación
Las llamadas a la acción de cada clase abren WhatsApp con el nombre de la propuesta elegida. La galería, la dirección y el acceso a indicaciones para llegar completan el recorrido antes de consultar.
La gestión de la primera clase continúa con el estudio a través de ese canal. La landing concentra la información pública; la coordinación de reservas y pagos permanece en los canales del negocio.
El resultado
La primera etapa web está finalizada y en uso desde la apertura del estudio. Reúne la información pública y permite explorar la oferta desde distintos tamaños de pantalla. La plataforma de gestión considerada durante el relevamiento no se llevó a ejecución.
El próximo seguimiento será sobre las consultas que llegan desde la landing y las clases por las que preguntan. Aún no hay resultados medidos que permitan atribuir reservas o crecimiento del estudio a la web.
Tecnologías
Next.js, React, TypeScript, Tailwind CSS, Motion
¿Qué necesita resolver tu proyecto?
Contanos cómo trabaja tu negocio y qué querés mejorar. Podemos empezar por una charla.
Hablemos