DemoOcean City, NJ
Shorebreak Resorts
Cuatro propiedades, un solo sitio. Lo abre un vuelo de dron al atardecer, y las fechas que elige el huésped llegan hasta el motor de reservas de los hoteles.
Ver el casoTodos los trabajos
Estado: Rediseño conceptual
Tarifas reales, las fechas primero y el letrero rojo del propio edificio
The Crossings es un motel de 70 estudios en 34th y Haven, en Ocean City, con cocineta en cada estudio y piscina climatizada. Rediseñamos su sitio como concepto, alrededor de lo primero que hace un huésped: elegir fechas y ver cuánto cuesta la estadía.
Abrir el demoLa reserva se muestra como demo.
- Lugar
- Ocean City, NJ
- Año
- 2026
- Servicios
- Sitio web, demo de reservas, tarifas y promociones, guía de Ocean City
El encargo
Este es un concepto. Rediseñamos el sitio del motel para mostrar cómo se vería reservar directo, con las tarifas, las fotos y las palabras del propio motel.
El sitio actual, en Wix, no tiene búsqueda de fechas en la página, solo un enlace al motor de reservas. Las promociones no se explican hasta la página de tarifas y los términos son un solo bloque de letra chica. Nos pusimos una vara: una primera pantalla que aguante la comparación con las grandes cadenas hoteleras.
Lo que construimos
- 01
Las fechas en la primera pantalla
Llegada, salida, adultos y niños van debajo del titular en las páginas de inicio, habitaciones y tarifas. La búsqueda revisa las reglas de la casa mientras eliges: cuatro huéspedes por estudio, niños incluidos, y mínimo tres noches del 19 de junio al 22 de agosto.
- 02
Las tarifas reales de 2026, como en la hoja del motel
Cada tarifa y cada promoción salen de las tarifas 2026 del propio motel, de $145 a $315 por noche. La página de tarifas está armada como la hoja impresa: primero las promociones, después la tabla de temporada para los dos tamaños de estudio.
- 03
Precios que saben qué día es
Una tarifa se muestra solo mientras todavía se puede reservar. Como la temporada 2026 ya terminó, el inicio dice entre qué precios estuvieron las noches y que las tarifas de 2027 aún no están publicadas.
- 04
Una identidad tomada del edificio
Tablas blancas, el azul de las puertas en enlaces y botones, y el rojo del letrero de la azotea una sola vez, en el botón “Reserve”. Los titulares van en Barlow, una letra cuadrada como el logo del motel y las letras del techo.
- 05
Solo lo confirmado
Los datos que salieron de reseñas de huéspedes, como cuántas cuadras hay hasta la playa, quedan ocultos hasta que el dueño los confirme. La sección de reseñas aparece solo cuando se agregan reseñas reales.
La reserva, como demo
El botón “Reserve” abre un flujo de reserva dentro del sitio: fechas y huéspedes, los cuatro tipos de habitación del motor de reservas del motel con sus descripciones, los datos del huésped y una confirmación. El precio de toda la estadía se calcula con la tabla de temporada publicada, con las noches de fin de semana, los huéspedes adicionales y los paquetes de fin de semana.
Cada paso dice que es un demo. Nada de lo que escribe el huésped se envía, no se piden datos de tarjeta, y la confirmación pasa las mismas fechas al motor de reservas real del motel. Cuando se conecte un sistema de reservas, cambian dos funciones y las páginas quedan como están.
Las fotos del propio motel
Todas las fotos son del motel, tomadas de su sitio actual, con el color corregido para que combinen y guardadas en AVIF y WebP en varios tamaños. Algunos originales miden solo 640 píxeles de ancho, así que el sitio nunca los muestra más grandes de lo que aguantan. Una lista de tomas dice qué falta, como la piscina a la hora dorada y la playa de la calle 34 al amanecer.
Dónde está hoy
Es un concepto. Corre en una dirección de demo en nuestro servidor, y el dominio del motel sigue mostrando su sitio actual. La reserva es un demo: no se hace ninguna reserva y no se envía nada. Hay un panel para que el dueño edite tarifas, reseñas y fotos; está construido, pero no está activo en el demo.
Qué hicimos
- Diseño y desarrollo
- Flujo de reserva con precios de las tarifas 2026 (demo)
- Tarifas y promociones armadas como la hoja del motel
- Guía de Ocean City: pases de playa, el boardwalk y los eventos del año
- Corrección de color y tamaños para las fotos del motel
- Revisión automática del texto con las reglas de la casa
Hecho con Next.js y Tailwind como sitio estático. El demo de reservas lleva al huésped al motor de reservas ASI del motel con sus fechas ya puestas. Panel del dueño con Decap CMS (no activo en el demo).
¿Quieres tus fechas, tus tarifas y tus reglas en la primera pantalla?
Reservar una habitación. Pedir una pizza. Recibir una respuesta a las once de la noche. Cuéntanos tu proyecto o agenda una llamada, y te decimos qué construiríamos primero.