Aire · App de reservas

Diseño UX/UI de una app móvil para un estudio de pilates en Lima, pensada para reservar una clase en pocos toques y saber siempre cuántas te quedan.

Tipo

App móvil

Alcance

Diseño UX/UI del flujo de reserva, mapa de lugares, tickets y paquetes.

Entregable

Demo navegable con reserva, elección de lugar, cancelación y recarga de clases.

Tres pantallas de la app Aire: clases del día, inicio con la próxima clase reservada y el mapa para elegir lugar.

El concepto

Muchos estudios pequeños gestionan sus reservas por mensajes y hojas de cálculo: se pierden lugares, se confunden horarios y nadie sabe cuántas clases le quedan. Aire lo resuelve con una app ligera, de aspecto fresco y fácil de usar en cualquier momento del día.

Lo que debía lograr

  • Reservar una clase en menos de un minuto.
  • Mostrar la disponibilidad sin que haya que preguntar.
  • Dar confianza al cancelar, recuperar la clase y recargar el saldo.

Estudio de marca

Paleta

Nube

#F5F7FC

Fondo de las pantallas

Cobalto

#2D4FD6

Botones y acciones

Mantequilla

#F6E7A8

Resaltados y confirmaciones

Tinta

#151A3C

Titulares y texto

Coral

#F2785A

Aviso de pocos lugares

Tipografía

Titulares · Plus Jakarta Sans ExtraBold

Hola, Camila

Textos y etiquetas · Plus Jakarta Sans

Mat esencial · 07:00 · 50 min. Elige tu clase, asegura tu lugar y llega diez minutos antes.

3 lugares libres

Tono de voz

Cercano, ligero y directo. Frases cortas que dan tranquilidad: «¡Listo, te esperamos!», «Cancela gratis hasta 4 horas antes».

Decisiones de diseño

1

Reservar en tres toques

Clases → elegir una clase → reservar. El botón principal queda fijo al final de la pantalla y dice cuánto cuesta en clases del paquete, sin sorpresas.

2

Elegir tu lugar, no solo tu clase

Un mapa del estudio con los diez lugares: libres, ocupados y el tuyo. Quien tiene una preferencia la resuelve en un toque, y quien no, ya viene con uno sugerido.

3

Disponibilidad y saldo siempre a la vista

Cada clase muestra sus lugares libres con etiqueta y barra, y tu saldo vive en un anillo de progreso. El coral aparece solo cuando queda poco, para no gritar en todas partes.

4

Detalle que da confianza

Tickets con código, ilustraciones suaves, animaciones breves al entrar y al confirmar. Todo pensado para una mano, con buen contraste, foco visible y respeto a «reducir movimiento».

Resultado

Las pantallas principales de la app. Puedes recorrerla completa en la demo.

Pantalla «Inicio» de la app Aire. Saludo, saldo, racha y los estilos de clase de un vistazo.

Inicio

Saludo, saldo, racha y los estilos de clase de un vistazo.

Pantalla «Clases» de la app Aire. Día, tipo de clase y horarios por momento del día.

Clases

Día, tipo de clase y horarios por momento del día.

Pantalla «Detalle» de la app Aire. Coach, objetivos de la clase y datos claros.

Detalle

Coach, objetivos de la clase y datos claros.

Pantalla «Elige tu lugar» de la app Aire. Un mapa del estudio para escoger dónde ponerte.

Elige tu lugar

Un mapa del estudio para escoger dónde ponerte.

Pantalla «Confirmación» de la app Aire. Un ticket con lo esencial y un cierre amable.

Confirmación

Un ticket con lo esencial y un cierre amable.

Pantalla «Mis reservas» de la app Aire. Tickets con código de acceso, para mostrar al llegar.

Mis reservas

Tickets con código de acceso, para mostrar al llegar.

Pantalla «Paquetes» de la app Aire. Saldo visible y tres opciones, con la más elegida destacada.

Paquetes

Saldo visible y tres opciones, con la más elegida destacada.

Pantalla «Con una reserva» de la app Aire. La próxima clase pasa a ser protagonista del inicio.

Con una reserva

La próxima clase pasa a ser protagonista del inicio.

¿Tienes una idea de app o de web?

Cuéntame qué necesitas y vemos cómo ayudarte con el diseño.

Escríbeme por WhatsApp

Proyecto referencial.