Plataformas y SaaS

Piel Radiante de belleza

Caso de estudio de mercado de belleza: aplicaciones web y móvil que comparten una API para el descubrimiento de salones, reservas, paquetes y comercio de productos.

Página de inicio de IM Beauty Glow que muestra la búsqueda de salones, salones destacados y productos populares
Inicio

Visión general del proyecto

Una plataforma conectada construida en torno al trabajo operativo real.

IM Beauty Glow es un mercado de belleza y salones orientado al consumidor, construido como un par equivalente: una tienda en Next.js y una aplicación complementaria en React Native que comparten exactamente el mismo contrato de API de backend, hasta en los nombres de los campos de las solicitudes. Los usuarios descubren salones, reservan servicios individuales o paquetes y ofertas combinadas, compran productos de salón, y gestionan sus reservas y pedidos desde cualquiera de las dos plataformas de forma intercambiable. Los salones se registran y gestionan su presencia a través de la misma plataforma.

01

El desafío

El producto tenía que resolver problemas operativos conectados.

Los usuarios esperan investigar, reservar y pagar una visita al salón desde cualquier dispositivo que tengan a mano, y un flujo de reserva móvil que discrepe silenciosamente con las reglas de precios o disponibilidad del sitio web erosiona la confianza de inmediato. El producto también debía vender tres cosas distintas —servicios individuales, paquetes con descuento y ofertas con tiempo limitado— a través de un solo flujo de reserva, sin convertirlo en tres sistemas separados.

02

Enfoque técnico

Un enfoque técnico deliberado dio forma al sistema.

La aplicación web posee la superficie de comercio de extremo a extremo —descubrimiento de salones, servicios, paquetes y ofertas, carrito, finalización de compra, pagos y gestión de cuenta— detrás de una capa de API tipada que mantiene la lógica de reservas, carrito, impuestos y pagos fuera de la capa de presentación. La aplicación móvil se construyó para reflejar ese contrato exactamente, en lugar de reimplementarlo: antes de extender la app para reservar ofertas y paquetes, primero verifiqué las reglas de validación vigentes en la web y el backend, y luego extendí el flujo de citas existente para aceptar tres orígenes de reserva —servicio, oferta o paquete— a través del mismo endpoint y los mismos identificadores opcionales que ya enviaba la aplicación web. El precio de paquetes y ofertas permanece autorizado por el servidor en lugar de recalcularse en el dispositivo, de modo que un descuento nunca puede desviarse entre las dos aplicaciones.

Autorregistro de salones

Una mirada más de cerca al producto.

El flujo "List Your Salon" que usan los salones para autorregistrarse: datos del propietario, perfil del negocio, ubicación, servicios y horarios en un formulario guiado de varios pasos.

Página de aterrizaje de autorregistro de salones de IM Beauty Glow con un formulario de registro de varios pasos

Detalle del salón

Una mirada más de cerca al producto.

Una página de detalle de salón: catálogo de servicios con precios, especialistas principales y una acción de reserva directa; la misma vista que usa un usuario en la web o en la aplicación complementaria.

Página de detalle de salón de IM Beauty Glow para Amber Beauty Studio, con la lista de servicios y los especialistas principales

Productos e interfaces

Lo que construimos

  • Tienda web para consumidores (descubrimiento de salones, reservas, carrito, finalización de compra, cuenta)
  • Aplicación complementaria iOS/Android (React Native)
  • Flujo de autorregistro de salones ("List Your Salon")
  • Flujo de reserva compartido para servicios, paquetes y ofertas
  • Proceso de SEO (sitemap y .htaccess generados en la compilación)
  • Integración de notificaciones push (OneSignal, Notifee)

Amplitud de la plataforma

Capacidades principales

  • Descubrimiento de salones, reserva de servicios y reserva de paquetes/ofertas desde un mismo flujo
  • Catálogo de productos, carrito y proceso de pago en web y móvil
  • Historial de reservas, pedidos y reseñas sincronizado en una sola cuenta
  • Precios de paquetes y ofertas con autoridad del servidor: nunca se recalculan en el dispositivo
  • Autorregistro de salones y gestión de listados
  • Notificaciones push para reservas y actualizaciones de pedidos
  • TypeScript estricto en ambas aplicaciones detrás de un contrato de API compartido

Evidencia

Alcance y resultados verificados

  1. Dos aplicaciones cliente —web y móvil— construidas sobre un contrato de backend idéntico, hasta en los nombres de los campos de las solicitudes
  2. 47 páginas enrutadas en la tienda web y 29 pantallas en la aplicación móvil complementaria
  3. Un flujo de reserva extendido para vender paquetes y ofertas sin ningún cambio en el backend, reflejando exactamente el contrato de validación existente
  4. Cero errores de TypeScript y cero errores de ESLint verificados en todo el código móvil tras una revisión de eliminación de código muerto y datos simulados

Preguntas y respuestas

Preguntas sobre Piel Radiante de belleza

More questions? Feel free to reach out.

Conversar sobre un proyecto relacionado →
¿Qué es Piel Radiante de belleza?

IM Beauty Glow es un mercado de belleza y salones orientado al consumidor, construido como un par equivalente: una tienda en Next.js y una aplicación complementaria en React Native que comparten exactamente el mismo contrato de API de backend, hasta en los nombres de los campos de las solicitudes. Los usuarios descubren salones, reservan servicios individuales o paquetes y ofertas combinadas, compran productos de salón, y gestionan sus reservas y pedidos desde cualquiera de las dos plataformas de forma intercambiable. Los salones se registran y gestionan su presencia a través de la misma plataforma.

¿Qué construimos para Piel Radiante de belleza?

El trabajo incluye Tienda web para consumidores (descubrimiento de salones, reservas, carrito, finalización de compra, cuenta), Aplicación complementaria iOS/Android (React Native), Flujo de autorregistro de salones ("List Your Salon"), Flujo de reserva compartido para servicios, paquetes y ofertas, Proceso de SEO (sitemap y .htaccess generados en la compilación), Integración de notificaciones push (OneSignal, Notifee).

¿Cuál fue el rol de Muhammad Muzammil Qureshi en Piel Radiante de belleza?

Muhammad Muzammil Qureshi se desempeñó como Director de Tecnología, con responsabilidad sobre la dirección tecnológica, la arquitectura, la entrega y los sistemas operativos descritos en este caso de estudio.

¿Qué tecnologías impulsan Piel Radiante de belleza?

Piel Radiante de belleza utiliza Next.js 15 · React 19 · TypeScript · Tailwind CSS v4 · React Native 0.86.

¿Cómo se mantienen coherentes las aplicaciones web y móvil al reservar un servicio, un paquete o una oferta?

La aplicación web en Next.js posee la superficie de comercio —descubrimiento, servicios, paquetes y ofertas, carrito, finalización de compra y cuenta— detrás de una capa de API tipada que mantiene la lógica de reservas, carrito, impuestos y pagos fuera de la capa de presentación. La aplicación complementaria en React Native refleja ese contrato exactamente, y el precio de paquetes y ofertas permanece autorizado por el servidor en lugar de recalcularse en el dispositivo, de modo que un descuento nunca puede desviarse entre las dos aplicaciones.

¿Pueden los usuarios reservar algo más que servicios individuales en IM Beauty Glow?

Sí. El mismo flujo de reserva acepta tres orígenes —un servicio individual, un paquete con descuento o una oferta con tiempo limitado— a través de un solo endpoint y los mismos identificadores opcionales que ya envía la aplicación web, por lo que los paquetes y las ofertas se agregaron sin construir un sistema de reservas independiente.

¿Cómo se unen los salones a la plataforma IM Beauty Glow?

Los salones se autorregistran a través del flujo "List Your Salon", enviando los datos de su negocio, ubicación, servicios y horarios. Una vez registrados, gestionan su perfil público, sus reservas y su comercio de productos a través de la misma plataforma que usan los usuarios.

¿Qué verificación se realizó en IM Beauty Glow antes del lanzamiento?

La tienda web abarca 47 páginas enrutadas y la aplicación móvil complementaria 29 pantallas, ambas construidas sobre un contrato de backend idéntico hasta en los nombres de los campos de las solicitudes. El código móvil se verificó con cero errores de TypeScript y cero errores de ESLint tras una revisión de eliminación de código muerto y datos simulados.

Let's build what's next

Have a complex system that needs to be built right?

Whether you are starting from an idea, replacing an existing platform, or scaling a system, let's talk.

Better Technology.
Brighter Possibilities.