Saltar al contenido
← Volver a proyectos

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
Portada de MAT Pilates con fotografía del estudio, iluminación violeta y el logotipo sobre la imagen

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.

Tabla semanal de horarios de MAT Pilates en escritorio, con clases organizadas por día y hora
La programación semanal permite consultar las clases y volver al detalle de cada propuesta.
Vista de la landing de MAT Pilates en un celular
La experiencia móvil para conocer el estudio y explorar sus clases.

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

Siguiente proyecto

Un sitio para recorrer el trabajo del taller Ver todos los proyectos