Riad Dar Sido
Transformación digital completa para Riad Dar Sido, un hotel boutique en Marrakech. Sistema de reservas personalizado con sincronización OTA usando Astro, Payload CMS y arquitectura JAMstack moderna.
Cliente
Mouhssine Terrab
Rol
Diseñador y Desarrollador
Duración
En curso
Año
2025
Herramientas y Tecnologías
La Oportunidad
Tuve el privilegio de liderar una transformación digital completa para Riad Dar Sido, un encantador hotel boutique nestled en el corazón de Marrakech, Marruecos. El negocio luchaba con un sitio WordPress construido por el hijo del propietario, con capacidades de reserva no funcionales que forzaban dependencia completa en costosas plataformas de terceros como Booking.com y Expedia Group.
La oportunidad era clara: crear una solución digital potente e integrada que diera al hotel control directo sobre reservas mientras mantenía sincronización perfecta con Agencias de Viajes Online (OTAs). No era solo un rediseño web—era la oportunidad de remodelar fundamentalmente cómo opera el negocio y reducir dramáticamente los costos operativos.
Con el logo también necesitando refinamiento profesional, este proyecto ofrecía la emocionante perspectiva de crear una identidad de marca cohesiva que capture la esencia de la hospitalidad marroquí tradicional con excelencia digital moderna.
El Desafío
Riad Dar Sido enfrentó un desafío técnico complejo que requería construir soluciones de frontend y backend desde cero. El hotel necesitaba soporte multilingüe para servir huéspedes internacionales, y el sistema existente de gestión de canales de terceros estaba consumiendo sus ya delgados márgenes con costosas tarifas de suscripción.
Mi enfoque fue ambicioso: en lugar de recomendar otro servicio pagado, propuse desarrollar una integración API personalizada para gestionar sincronización OTA directamente, eliminando costosos intermediarios. Esto requería transformar un CMS estándar en un Sistema de Gestión de Propiedades (PMS) completamente funcional que pudiera manejar todas las necesidades actuales del negocio mientras permaneciera expandible para crecimiento futuro.
La restricción de presupuesto ajustado significaba que cada decisión de desarrollo tenía que ser estratégica. Como mi primer proyecto codificando tanto frontend como backend, tuve que aprender rápidamente mientras aprovechaba asistentes de codificación IA eficientemente—usando un enfoque guiado por especificaciones con desglose detallado de tareas para minimizar uso de tokens y evitar errores costosos.
El Enfoque
Estructuré este proyecto alrededor de dos metodologías centrales: Diseño Centrado en Usuario para la experiencia frontend y Desarrollo Guiado por Especificaciones para la implementación técnica. El viaje comenzó creando un Documento de Requisitos de Producto (PRD) comprensivo que desglosé en tareas y subtareas granulares.
Este desglose detallado de tareas fue crucial para trabajar eficientemente con asistentes de codificación IA—manteniéndolos enfocados en entregables específicos mientras reducía el consumo general de tokens. La arquitectura fue diseñada con principios de microservicios en mente, siguiendo mejores prácticas JAMstack para asegurar escalabilidad futura sin los dolores de cabeza de sistemas monolíticos.
Implementé múltiples rondas de consulta con el cliente para entender profundamente sus limitaciones y necesidades operativas. Este proceso de retroalimentación iterativo aseguró que cada decisión técnica apoyara directamente sus objetivos de negocio, desde gestión de contenido multilingüe hasta flujos de trabajo de reserva automatizados.
La Solución
El entregable final comprendió dos sistemas interconectados: un sitio web de negocio hermoso y responsivo construido con Astro, y un Sistema de Gestión de Propiedades comprensivo usando Payload CMS como backend. El frontend proporciona una experiencia de reserva elegante con verificación instantánea de disponibilidad y procesamiento de pagos seguro.
El backend PMS sirve como el centro operativo, manejando gestión de contenido multilingüe, sincronización de reservas entre el sitio web y OTAs principales, y notificaciones por email automatizadas a lo largo del viaje de reserva—desde confirmación hasta cancelación. La base de datos Turso asegura almacenamiento de datos rápido y confiable mientras mantiene eficiencia de costos.
La estética de diseño refleja un equilibrio perfecto entre funcionalidad moderna y encanto tradicional marroquí, incorporando el logo y la identidad visual renovados. Cada elemento de interfaz fue crafted para mejorar la experiencia del usuario mientras muestra el carácter auténtico de Riad Dar Sido.
El Impacto y Resultados
Mientras el proyecto está aún en desarrollo, el impacto anticipado es sustancial. El logro más significativo será reducir los costos de infraestructura digital del hotel en aproximadamente 90%, transformando lo que una vez fue un centro de gastos mayor en una operación optimizada y rentable.
Al habilitar reservas directas a través de su propio sitio web, Riad Dar Sido eliminará tarifas de comisión pagadas a OTAs, capturando más ingresos de cada reserva. La plataforma PMS personalizada proporciona una base para crecimiento futuro del negocio, con la flexibilidad de agregar nuevas características sin requerir costosas integraciones de terceros.
El cliente ha expresado entusiasmo y satisfacción a lo largo del proceso de desarrollo, anticipando ansiosamente el lanzamiento de su nueva presencia digital. Este proyecto demuestra cómo soluciones técnicas personalizadas y reflexivas pueden nivelar el campo de juego para pequeñas empresas en la competitiva industria de la hospitalidad.
Galería del Proyecto
Stationery
Tea
Hammam
¿Listo para Comenzar tu Proyecto?
Hablemos sobre cómo puedo ayudarte a dar vida a tu visión de desarrollo web.