Skip to content
← Todos los proyectos
Proyecto

The Cloud One

The Cloud One es la marca de diseño del Motel One Group, con casas en ciudades europeas y en Nueva York. La plataforma se reconstruyó desde cero — un diseño guiado por la imagen, mantenido consistente en todas las áreas por un design system.

2026Plataforma de reservas hotelerasFrontend y DevOps
The Cloud One

Una reconstrucción completa de la plataforma. Participé en el design system e implementé componentes y módulos en todo el frontend — además de la infraestructura sobre la que se despliega la plataforma.

La base común
01Design system

La base común

Imágenes grandes y poco alrededor: la portada se basta con un visual y la búsqueda. Para que ese diseño se sostenga en todas las áreas de la plataforma, debajo hay un design system — participé en él, en los componentes, la escala tipográfica y los tokens con los que se construye la interfaz.

Qué es The Cloud One
02La marca

Qué es The Cloud One

The Cloud One es la marca de diseño del Motel One Group: casas en ubicaciones céntricas de ciudades europeas y en Nueva York. Las habitaciones son compactas; el verdadero centro de cada casa son el lounge, el bar y a menudo una terraza en la azotea. Cada casa se construye dentro de un edificio existente y su entorno — en Praga, por ejemplo, en pleno casco antiguo. Llegar, sentirse a gusto, desconectar, así se describe la marca a sí misma; la plataforma tiene que transmitirlo antes incluso de que empiece una reserva. El módulo de la imagen es uno de los lugares donde eso ocurre: presenta las casas una a una.

Düsseldorf-Kö Bogen
03Página de detalle

Düsseldorf-Kö Bogen

La página de detalle de una sola casa, aquí Düsseldorf-Kö Bogen. Abajo acompaña la booker bar: mantiene la búsqueda actual — fechas, huéspedes, precio — siempre visible y lleva desde cualquier punto de la página directamente a la selección de habitación, sin volver al buscador.

04Infraestructura

Despliegue y operación

Participé en la infraestructura — en los despliegues automatizados desde el commit hasta producción y en la observabilidad que permite seguir la operación.

Un solo design system — en todo el frontend.

Destacados

Lo que importó

Rendimiento
Tiempos de carga optimizados y una entrega fiable en todos los dispositivos — páginas que se sienten rápidas desde el primer clic.
Design system
Componentes, escala tipográfica y tokens como base común de toda la interfaz.
UI/UX
Transiciones fluidas y animaciones cuidadas que dan carácter a la interfaz sin añadir fricción.
Accesibilidad
Integrada en la implementación desde el principio — no añadida como una ocurrencia tardía.
Stack

Tecnologías utilizadas

Nuxt Vue TypeScript Tailwind CSS

Más trabajos