Página principal · Desktop
Sección de habitaciones
UI Kit · Design System
Design System y UI Kit para el nuevo hotel All Inclusive de la cadena Royal, con identidad propia y un sitio que facilita comparar y reservar las 10 tipos de habitaciones.
En 2020, Royal Uno —el nuevo hotel All Inclusive de la cadena— necesitaba urgentemente un sitio web que lo diferenciara del resto de la cadena. Con 10 tipos de habitaciones distintas, el reto era que los usuarios pudieran comparar opciones y reservar sin confusión.
No existía ningún sistema de diseño previo. Cada sección del sitio se construía de forma inconsistente, sin guías tipográficas, paleta definida ni componentes reutilizables.
Se creó un Design System completo en Figma: tipografía, paleta de color, iconografía y una biblioteca de componentes reutilizables alineada al concepto visual del hotel.
Se diseñaron templates específicos para las diferentes necesidades comerciales del hotel — páginas de habitaciones, sección de amenidades, páginas de temporada y flujo de reservación. Cada template fue documentado para el equipo de desarrollo.
El resultado fue un sitio con identidad propia, coherente en todos sus niveles, que el equipo técnico pudo implementar con claridad y rapidez.
Revisamos el concepto del hotel, el perfil de usuario y los objetivos comerciales para entender qué debía comunicar cada sección.
Definimos la paleta de color, escala tipográfica y espaciados base que diferenciarían Royal Uno del resto de la cadena.
Construimos una biblioteca de componentes: cards de habitación, botones, formularios, navegación y módulos de contenido reutilizables.
Diseñamos los templates de cada sección con prototipos interactivos y documentación de handoff para el equipo de desarrollo.
Primera llamada de diagnóstico sin costo. Sin compromisos, sin costos ocultos.