Rediseño · Next.js · conversión · NDA / Proyecto bajo NDA
Una página de oferta de agencia de viajes que lleva directamente a la consulta, sin perder posiciones en Google
Contexto
Los clientes de la agencia son sobre todo personas de 45 a 70 años, a menudo viajan en pareja y antes de reservar quieren hablar con un asesor. En la web antigua el precio y el botón de consulta estaban muy abajo, las descripciones eran largas y los vídeos se cargaban en reproductores obsoletos. Cada oferta era una subpágina independiente montada a mano.
El reto
Acortar el camino desde la entrada por un anuncio o desde Google hasta la consulta enviada, responder en la página a las preguntas por las que los clientes suelen llamar y hacerlo sin cambiar las direcciones con las que la agencia llevaba años captando tráfico.
Alcance
Qué hice
- 01Migré la oferta a Next.js como piloto para cientos de ofertas más: una oferta es un conjunto de datos y la página y el mapa del sitio se generan solos.
- 02Diseñé el recorrido hacia la consulta: precio, botón y comparación de hoteles ya en la primera pantalla, un panel con el precio que acompaña al desplazarse y, en el móvil, el botón de consulta y de llamada siempre al alcance del pulgar.
- 03Construí una calculadora de precio: hotel, duración de la estancia y composición (adultos y niños), con el suplemento de habitación individual y la tasa turística mostrados por separado.
- 04Conservé las direcciones antiguas 1:1, añadí datos estructurados y preparé dos variantes de diseño para que el cliente elija.
Decisiones clave
Decisiones clave
- 01
Precio y decisión en la primera pantalla
Quien llega desde un anuncio o desde Google ve de inmediato el precio por persona, el botón «Consultar fecha» y la comparación de hoteles. No tiene que recorrer fotos para saber si la oferta cabe en su presupuesto.
- 02
3★ o 4★: la respuesta en una sola tabla
La pregunta más frecuente, qué hotel elegir, tiene su respuesta en la página: precio, distancia a las termas, acceso en albornoz, saunas. El botón «Elijo 3★» o «Elijo 4★» lleva la elección directamente al formulario.
- 03
La elección pasa sola al formulario
Al hacer clic en un hotel o en una fecha, esta se escribe en la consulta. El cliente no teclea nada dos veces y la agencia recibe una consulta concreta en lugar de un genérico «envíenme una oferta».
- 04
Contacto como prefiera el cliente
Llamada de vuelta, oferta por correo o WhatsApp. Solo es obligatorio el campo del modo de contacto elegido, así que quien prefiere escribir no tiene que dejar su teléfono.
- 05
La confianza junto a la oferta, no en otra pestaña
Opiniones, certificados, asesor y la reserva explicada paso a paso (la consulta no cuesta nada, el pago solo después del contrato) están en la misma página, en el momento en que el cliente toma la decisión.
- 06
Un motivo para decidir hoy
Junto al precio se destaca el descuento del −2 % por reservar con más de 35 días de antelación: la única rebaja a la que se puede reaccionar de inmediato.
- 07
Más rápido y sin perder Google
Las direcciones antiguas se quedaron sin cambios, el viaje, el precio y las opiniones están descritos con datos estructurados y los vídeos y el mapa se cargan solo a petición. El mapa funciona sin banner de cookies.
Resultados
Resultados
- 01
Una página de oferta en la que el precio, la comparación de hoteles y la consulta están a mano en cada punto del desplazamiento, también en el móvil.
- 02
Las consultas llegan ya con el hotel, la fecha y el modo de contacto preferido.
- 03
Una plantilla en la que las nuevas ofertas se añaden como datos, con las direcciones y los datos estructurados conservados.
Stack
- Next.js
- TypeScript
- JSON-LD
- OpenStreetMap
Servicios aplicados
¿Tiene un proyecto parecido? Cuénteme qué quiere construir y le responderé, normalmente, en 2 horas.