05/07Proyecto de cliente
Todos los casos

Casa Paraiso

Reservas por solicitud para una residencia en Uvita, con un calendario que maneja el dueño

Sector
Alquiler vacacional
Ubicación
Uvita, Costa Rica
Año
2026
Rol
Diseño · Desarrollo · SEO
Página de inicio del sitio de Casa Paraiso: la residencia al atardecer con su piscina y terraza, el nombre en letra serif grande y el menú principal.
01Contexto

Punto de partida

Casa Paraiso es una residencia privada en la costa del Pacífico, en Uvita, que se ofrece para estadías privadas por referencia. El sitio cumple dos tareas: mostrar bien la casa y darle a cada huésped una forma clara de pedir fechas.

Lo diseñamos y lo construimos de principio a fin. Primero exploramos nueve direcciones de diseño y una se convirtió en el sitio. Después armamos un flujo de solicitudes con calendario en vivo, un área administrativa privada para el dueño y un editor de fotos y textos. El propio sitio presenta la casa como obra de Vista Arquitectos.

026 funciones

Lo que construimos

01/06

Un calendario siempre al día

El visitante elige entrada y salida en un calendario mensual. Los días pasados no se pueden elegir y las fechas que el dueño bloqueó aparecen tachadas. Cada vez que se abre, consulta al servidor las fechas bloqueadas más recientes.

Ver fig. 01
02/06

Solicitudes, no reservas instantáneas

El formulario pide nombre, correo y fechas. Cada solicitud llega primero al panel del dueño; luego sale un correo al dueño y otro al huésped, a quien se le indica que espere respuesta en 24 a 48 horas. Una solicitud no confirma la estadía.

Ver fig. 02
03/06

Un panel que actualiza el calendario

Tras iniciar sesión, el dueño ve cada solicitud, cambia su estado, agrega notas y le manda al huésped el correo que corresponde con un botón. Confirmar una solicitud bloquea sus fechas en el calendario público y deshacerlo las libera. También puede bloquear fechas a mano.

04/06

Un sitio que el dueño edita

Las fotos de inicio, residencia y contacto, las galerías por espacio y las tarjetas de experiencias de la zona se editan en Sanity Studio. El texto alternativo es obligatorio en fotos de páginas y galerías. Si Sanity no responde, cada página usa contenido de respaldo.

Ver fig. 06
05/06

Fotos que cargan livianas

Una foto del inicio está guardada a 8192 píxeles de ancho, pero los navegadores modernos reciben copias reducidas en AVIF. Recorrer todo el inicio en una pantalla de escritorio carga 21 fotos que suman menos de 800 KB, y ninguna pasa de 150 KB.

Ver fig. 05
06/06

Listo para Google y WhatsApp

Cada página tiene su título, descripción, dirección canónica e imagen de 1200 por 630 para compartir en WhatsApp. Los datos estructurados describen un alquiler vacacional con cuatro habitaciones, siete comodidades y horarios de entrada; el robots.txt pide a los buscadores omitir administración y API.

03Solo hechos

Resultados

del primer commit a solicitudes, panel, editor y dominio
22 días
bloqueo de fechas en el calendario público al confirmar una solicitud
Automático
en fotos al recorrer todo el inicio en escritorio: 21, todas en AVIF
<800 KB
las fotos de las cuatro páginas tienen texto alternativo
Todas
por cada solicitud: uno al dueño y otro al huésped
2 correos
048 imágenes

Galería

Formulario de solicitud junto a un calendario mensual: una estadía marcada en dorado aparece en el campo de fechas, y los campos de nombre, correo y mensaje están vacíos.
01Al marcar dos días en el calendario, el campo de fechas se llena solo.
Vista en celular del calendario de disponibilidad con una estadía seleccionada y el primer campo del formulario debajo.
02El mismo calendario en un celular.
La entrada de Casa Paraiso de noche, iluminada por luces en el camino, con la Vía Láctea sobre los árboles.
03La entrada de noche, de la galería de la residencia.
Página de la residencia: un carrusel de fotos a todo el ancho que muestra la piscina infinita al atardecer, con contador de láminas y botones de anterior y siguiente.
04La página de la residencia abre con un carrusel de seis fotos.
Vista en celular de la página de inicio: la foto de la residencia, el nombre Casa Paraiso, una descripción corta y el botón del menú.
05La página de inicio en un celular.
Galería de habitaciones en la página de la residencia: una foto ancha de un balcón sobre dos fotos de habitaciones, una con cabecera de madera tallada.
06Cada espacio tiene su galería: una foto ancha y luego pares.
Vista en celular del carrusel de la residencia: el balcón de una habitación al atardecer, lámina 2 de 6, y botones de anterior y siguiente.
07El carrusel de fotos en un celular.
Sección «What defines the stay» de la página de inicio: una foto nocturna de la terraza y la piscina iluminada en azul junto a los títulos numerados Full Ocean Panorama e Infinity Pool & Jacuzzi.
08Las secciones numeradas combinan una foto grande con un texto corto.
059 herramientas

Tecnología

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Sanity
  • Resend
  • Framer Motion
  • GSAP
  • Vercel
06Siga explorando

Qué sigue