Auditoria UX/UI: This de Barcelona
vs. GetYourGuide, Tiqets, Viator, Fever — Abril 2026 · Re-evaluación 5 Mayo 2026 (v2)
Update · 5 Mayo 2026
Qué ha cambiado en 4 semanas
Re-check automatizado (Playwright + axe-core) sobre las mismas 5 URLs auditadas en abril, en desktop y mobile. Detector estricto de cada hallazgo del informe original.
| Hallazgo del informe (abril) | Estado mayo | Evidencia |
|---|---|---|
| #1 CTA rojo sobre fondo navy — contraste 2.40:1 FALLA WCAG | RESUELTO | Fondo del sitio cambió de #001833 (navy) a rgb(247, 248, 248) (casi blanco). Texto blanco/CTA rojo da 7.42:1 — pasa AA y AAA. |
Heading hierarchy rota — <h2>Menú</h2> en navegación |
RESUELTO | Ya no aparece «Menú» como h2 en ninguna de las 5 URLs analizadas. |
| Fondo navy oscuro contra estándares de la industria (P4 Design System) | RESUELTO | Migración a fondo claro alinea con GYG / Tiqets / Viator y con la paleta hospitality recomendada. |
| #2 Sin sticky CTA en PDP mobile | PARCIAL | Detectado en Barcelona Card y Casa Batlló. Ausente todavía en Bus Turístic. |
| #7 Schema.org ausente | PERSISTE | 0 bloques application/ld+json en las 5 páginas (desktop y mobile). Sigue perdiendo rich snippets en Google. |
| #3 Sin calendario de disponibilidad en PDP | PERSISTE | Ningún <input type="date"> ni grid de calendario detectado en las 3 PDPs. |
| #4 Cero sistema de reseñas | PERSISTE | Sin widget de rating, sin contador de reviews, sin aggregateRating en schema. |
| #5 Sin layout 2-columnas con booking sidebar (desktop) | PERSISTE | Detector estricto (aside con precio + CTA + altura ≥25% página) no encuentra ninguno. |
| #9 Sin cross-sell ("también te puede gustar") | PERSISTE | Sin sección dedicada con productos relacionados al final de las PDPs. |
| #8 Tarjetas de producto pobres (3 campos vs 7 en GYG) | PERSISTE | Hub y categoría siguen mostrando solo img + título + precio. Sin rating, sin reviews, sin badge, sin duración. |
| Alt text genérico/vacío en imágenes | PERSISTE | Hub: 32/37 imágenes con alt vacío. Categoría: 19/24. PDPs entre 8/30 y 8/46. |
| ARIA mal aplicado (nuevo hallazgo) | NUEVO | axe detecta aria-required-attr y aria-valid-attr-value (críticas) en 4 de 5 páginas desktop. |
3
Resueltos
1
Parciales
8
Persisten / Nuevos
Re-valoración por categoría
Cada categoría re-evaluada contra la evidencia del re-check, no estimación. Solo se mueve la nota donde el detector (Playwright + axe + DOM probe) confirma cambio.
| Prior. | Categoría | Peso | Abril | Mayo | Δ | Justificación |
|---|---|---|---|---|---|---|
| P1 | Accesibilidad | 1.5x | 2.0 | 3.0 | +1.0 | CTA contrast 2.40 → 7.42 (AAA), h2 "Menú" eliminado, form labels OK. Compensado por nuevos aria-required-attr y aria-valid-attr-value críticos detectados por axe. Schema.org y alt text persisten. |
| P2 | Touch e Interacción | 2.0x | 2.5 | 3.2 | +0.7 | Sticky CTA mobile presente en 2 de 3 PDPs (Barcelona Card, Casa Batlló). Sin cambio en swipe gallery, loading feedback ni safe area. |
| P3 | Rendimiento | 1.0x | 3.5 | 3.5 | — | No re-medido (Lighthouse v13 no se corrió en mayo). Sin evidencia de regresión. |
| P4 | Estilo / Design System | 1.0x | 2.0 | 3.3 | +1.3 | Inversión del fondo navy → casi blanco resuelve el defecto estructural mayor del informe abril. CTA coherente sobre fondo claro. Cards siguen con solo 3 campos (vs 7 en GYG); badges múltiples ausentes. |
| P5 | Layout y Responsive | 1.5x | 2.0 | 2.0 | — | 2-col booking sidebar sigue ausente (detector estricto: aside con precio + CTA + altura ≥25%). Mobile-first, hub density y filtros sin cambios. |
| P6 | Tipografía y Color | 0.5x | 2.0 | 3.2 | +1.2 | Los 2 pares fallidos en abril (rojo/navy) ahora son rojo/blanco con 7.42:1 (AAA). axe sigue detectando 1 issue de color-contrast secundario en pdp_pass_card y pdp_pass_bus. |
| P7 | Fluidez de la Interfaz | 0.5x | 2.0 | 2.0 | — | No medido en recheck. Sin evidencia de skeletons, transiciones ni micro-interacciones nuevas. |
| P8 | Formularios y Feedback | 2.0x | 2.0 | 2.0 | — | Calendario, reviews, cross-sell, opciones con precios, booking widget completo — todos siguen ausentes en las 3 PDPs. Es el área con cero progreso, y la de mayor peso (2.0x) en conversión. |
| P9 | Navegación | 1.5x | 3.0 | 3.0 | — | Breadcrumbs y búsqueda siguen funcionando. Bottom nav mobile, filtros robustos y tabs scrollspy siguen ausentes. |
| MEDIA ARITMÉTICA | 2.3 | 2.8 | +0.5 | Suma 21.0/9 → 25.2/9 | ||
| MEDIA PONDERADA | 11.5x | 2.3 | 2.8 | +0.5 | Suma ponderada 27.0 → 31.8 sobre 11.5 |
Lectura del delta: 4 categorías suben (P1, P2, P4, P6), 5 quedan planas. La subida está concentrada en lo que se puede resolver con CSS y tokens (color, fondo, jerarquía). Lo estructural — P5 Layout (2-col booking sidebar) y P8 Formularios (calendario, reviews, cross-sell), que pesan 1.5x y 2.0x — sigue plano. El gap con GYG (4.1) y Tiqets (4.0) en estas dos categorías sigue siendo de 2 puntos. Son las que mueven la conversión real.
El ecommerce del CdT tiene una base técnica sólida y una posición de marca privilegiada como portal oficial de turismo de Barcelona. Las pruebas de rendimiento (Lighthouse) confirman que la infraestructura Magento/Hyva de CdT supera en velocidad a GYG en desktop (92 vs 61) y dispone de calendario, opciones de producto y módulos de reseñas ya instalados. El problema no es tecnológico — es de arquitectura de información: las funcionalidades existen pero están ocultas o distribuidas en demasiados pasos.
Esta auditoría cubre 15 dimensiones de análisis en 5 sitios web: UX visual (9 categorías P1-P9), rendimiento real (Core Web Vitals via Lighthouse v13), flujo de reserva completo (7 pasos documentados), búsqueda y descubrimiento, internacionalización, psicología de conversión (Hook Model / Nir Eyal) y análisis de objeciones (metodología CRO). Las recomendaciones están respaldadas por 15 benchmarks de la industria (Baymard Institute, Spiegel/Northwestern, CSA Research, McKinsey, Deloitte/Google).
This de Barcelona
2.3
/ 5.0
GetYourGuide
4.1
/ 5.0
Tiqets
4.0
/ 5.0
Viator
3.7
/ 5.0
Fever Ref. inspiracional
3.5
/ 5.0
Nota sobre Fever: Fever opera con un modelo inspiracional, no transaccional. Se incluye como referencia complementaria, no como competidor directo del ecommerce. Los benchmarks primarios para el CdT son GYG, Tiqets y Viator, que comparten el mismo objetivo: convertir visitas en ventas de tickets.
Puntuacion por Categoria (P1–P9)
| Prior. | Categoria | TdB | GYG | Tiqets | Viator | Fever |
|---|---|---|---|---|---|---|
| P1 | Accesibilidad alto impacto | 2.0 | 4.0 | 3.4 | 3.2 | 3.0 |
| P2 | Touch e Interaccion alto impacto | 2.5 | 4.6 | 4.2 | 4.0 | 3.5 |
| P3 | Rendimiento Lighthouse v13 | 3.5 | 2.5 | 4.5 | 3.0 | 3.5 |
| P4 | Estilo / Design System | 2.0 | 4.5 | 4.1 | 4.0 | 4.5 |
| P5 | Layout y Responsive | 2.0 | 4.6 | 4.4 | 4.0 | 3.5 |
| P6 | Tipografia y Color | 2.0 | 4.3 | 3.9 | 3.7 | 3.5 |
| P7 | Fluidez de la Interfaz | 2.0 | 3.5 | 3.1 | 3.5 | 3.5 |
| P8 | Formularios y Feedback | 2.0 | 4.3 | 3.9 | 4.0 | 3.0 |
| P9 | Navegacion | 3.0 | 4.6 | 4.1 | 3.9 | 3.5 |
| MEDIA GLOBAL | 2.3 | 4.1 | 4.0 | 3.7 | 3.5 |
Puntuacion Ponderada (por impacto en conversion)
Los pesos reflejan la importancia relativa de cada categoria para la conversion en un ecommerce de tickets turisticos: Touch/Mobile y Formularios/Feedback tienen peso 2x; Accesibilidad, Layout y Navegacion 1.5x; Tipografia y Fluidez de la Interfaz 0.5x.
| Prior. | Categoria | Peso | TdB | GYG | Tiqets | Viator | Fever |
|---|---|---|---|---|---|---|---|
| P1 | Accesibilidad | 1.5x | 2.0 | 4.0 | 3.4 | 3.2 | 3.0 |
| P2 | Touch e Interaccion | 2.0x | 2.5 | 4.6 | 4.2 | 4.0 | 3.5 |
| P3 | Rendimiento (Lighthouse) | 1.0x | 3.5 | 2.5 | 4.5 | 3.0 | 3.5 |
| P4 | Estilo / Design System | 1.0x | 2.0 | 4.5 | 4.1 | 4.0 | 4.5 |
| P5 | Layout y Responsive | 1.5x | 2.0 | 4.6 | 4.4 | 4.0 | 3.5 |
| P6 | Tipografia y Color | 0.5x | 2.0 | 4.3 | 3.9 | 3.7 | 3.5 |
| P7 | Fluidez de la Interfaz | 0.5x | 2.0 | 3.5 | 3.1 | 3.5 | 3.5 |
| P8 | Formularios y Feedback | 2.0x | 2.0 | 4.3 | 3.9 | 4.0 | 3.0 |
| P9 | Navegacion | 1.5x | 3.0 | 4.6 | 4.1 | 3.9 | 3.5 |
| MEDIA ARITMÉTICA | 2.3 | 4.1 | 4.0 | 3.7 | 3.5 | ||
| MEDIA PONDERADA | 11.5x | 2.3 | 4.2 | 4.0 | 3.8 | 3.4 |
La incorporación de datos reales de rendimiento (Lighthouse v13) cambia el ranking: GYG baja de 4.3 a 4.1 y Tiqets sube de 3.8 a 4.0.
GYG sigue liderando en UX (reviews, booking inline, filtros), pero su pesado JavaScript (TBT 780ms desktop, 3.150ms mobile) le penaliza en P3. Tiqets, con un Lighthouse de 96/90 (desktop/mobile), demuestra que se puede tener UX excelente con rendimiento sobresaliente. Para CdT, esto es una oportunidad: su infraestructura técnica (Lighthouse 92 desktop) ya supera a GYG — añadir funcionalidades sin degradar rendimiento le daría ventaja en ambos frentes.
Top 10 Oportunidades de Mejora por Impacto
- Simplificar el embudo de reserva de 7 a 3 pasos — CdT requiere PDP → Reservar → Calendario → Opciones → Añadir → Carrito → Checkout → Pago (7 pasos). GYG resuelve todo en 3. El 18% de los abandonos se debe a checkouts demasiado largos (Baymard, 2026). En turismo el abandono alcanza el 81%. La solución: mover el calendario y opciones a la PDP (sidebar visible) y eliminar la página de carrito intermedia.
- Añadir triggers de conversión (urgencia + prueba social) — CdT ejecuta 0 de las 4 fases del Hook Model. No hay ningún elemento que impulse al turista a comprar AHORA. Implementar: «Reservado X veces esta semana», «Últimas plazas», «Cancelación gratuita hasta 24h» prominente, «Reservar ahora, pagar después».
- Activar sistema de reseñas — CdT resuelve 1 de 5 objeciones universales de compra. La objeción de Confianza es la más crítica: GYG muestra 21.399 reseñas; CdT muestra cero. Productos con 5 reseñas ven +270% de probabilidad de compra (Spiegel/Northwestern, 2017). El módulo Magento ya existe.
- Hacer visible el calendario en la PDP — El calendario funciona pero está oculto tras «Reservar». Es el único sitio que obliga al usuario a «comprometerse» antes de ver disponibilidad. 14% de abandonos por no ver coste total antes de checkout (Baymard).
- Comunicar «Portal Oficial de Turisme de Barcelona» en cada PDP — CdT tiene la ventaja de marca más fuerte del mercado (portal oficial) pero no la comunica en las páginas de producto. Un badge prominente «Compra directa — Portal oficial de Turisme de Barcelona» resolvería parte de la objeción de confianza sin necesitar 21.000 reseñas.
- Highlights visibles sin acordeón — La objeción de Adecuación («¿es para mí?») no se resuelve porque duración, idiomas, cancelación y qué incluye están ocultos en acordeones. GYG los muestra con iconos, siempre visibles.
- Optimizar rendimiento mobile (LCP 8.1s) — CdT desktop puntua 92 en Lighthouse (mejor que GYG 61) pero mobile cae a 42 con LCP de 8.1s. Páginas con LCP 4-5s tienen 40-50% menos conversión que las que cargan en 2s (Blue Triangle, 2024). Mejorar 0.1s = +10.1% conversión en viajes (Deloitte/Google).
- Enriquecer tarjetas de producto — CdT muestra 3 campos por tarjeta (imagen, título, precio); GYG muestra 7 (imagen, título, rating, reviews, precio, duración, badge). Añadir rating, duración y badges permite decidir desde el listado sin entrar en cada producto.
- Activar cross-sell en Magento — El 35% de los ingresos de Amazon proviene de cross-sell (McKinsey). Los módulos ya existen en la plataforma. Activarlos crea rutas de descubrimiento y aumenta ticket medio.
- Corregir hreflang y html lang — CdT tiene versiones EN y FR traducidas pero sin etiquetas hreflang y con html lang=«es» siempre. Google no sabe que existen. 40% de los consumidores nunca comprará en un sitio que no esté en su idioma (CSA Research, 2020). Fix de configuración, no de desarrollo.
Analisis por Arquetipos de Cliente
Seis arquetipos que representan los comportamientos de compra mas frecuentes en una plataforma de tickets turisticos. Para cada uno, analizamos que necesita de la web, como responde TdB hoy vs. la competencia, y donde esta la oportunidad.
1. El Espontaneo
Perfil: Turista en Barcelona ahora mismo, mobile, "que hacemos hoy?"
Contexto de uso: En el hotel por la manana, en la calle, en un cafe. Siempre en el movil. Conexion variable.
Lo que busca: Inspiracion inmediata, opciones para hoy/manana, decision rapida.
Contexto de uso: En el hotel por la manana, en la calle, en un cafe. Siempre en el movil. Conexion variable.
Lo que busca: Inspiracion inmediata, opciones para hoy/manana, decision rapida.
Lo que necesita de la web
| Necesidad | TdB | Competidores |
|---|---|---|
| Filtro "Disponible hoy/manana" | No disponible | GYG: si | Viator: si |
| Productos con rating para decidir rapido | Sin ratings | GYG: ratings en cada tarjeta |
| Sticky CTA para comprar en cualquier momento | Si (precio + Reservar) | GYG / Tiqets / Viator: si, mas enriquecido |
| Confirmacion instantanea | Badge "Cancelacion gratuita" (parcial) | Competidores: multiples badges |
| Pago rapido (Apple Pay, Google Pay) | No evaluado en esta auditoria | |
Experiencia actual en TdB: El hub no ofrece filtro temporal. Las tarjetas de producto solo muestran imagen + titulo + precio, sin rating ni badge de disponibilidad. No hay forma rapida de saber que se puede hacer HOY.
Oportunidad
Anadir filtro "Hoy/Manana" en el hub y categorias, ratings en tarjetas, y enriquecer el sticky CTA mobile (ya presente) con badges de confianza convertiria a TdB en la opcion preferida para compras espontaneas — aprovechando su posicion como portal oficial de la ciudad.
2. El Comprador en Destino
Perfil: Esta fisicamente frente a la atraccion (Casa Batllo, Sagrada Familia). Quiere entrar AHORA.
Contexto de uso: De pie en la calle, bajo el sol, pantalla pequena, prisa. Necesita resolver en 60 segundos.
Lo que busca: Disponibilidad inmediata, precio, skip-the-line, compra instantanea.
Contexto de uso: De pie en la calle, bajo el sol, pantalla pequena, prisa. Necesita resolver en 60 segundos.
Lo que busca: Disponibilidad inmediata, precio, skip-the-line, compra instantanea.
Lo que necesita de la web
| Necesidad | TdB | Competidores |
|---|---|---|
| Calendario con horarios disponibles visible en la pagina de producto | Disponible tras click en "Reservar" | GYG: inline | Tiqets: inline | Viator: inline |
| "Proximo horario disponible" destacado | No | Competidores: si |
| Skip-the-line badge | No | GYG: prominente |
| Mapa/ubicacion confirmando que esta en el sitio correcto | No | Competidores: si |
| Proceso de compra en menos de 3 taps | No evaluable | GYG: progresivo excelente |
Experiencia actual en TdB: La pagina de producto muestra precio y boton "Reservar". El calendario de disponibilidad existe pero aparece solo tras click en "Reservar", obligando al usuario a iniciar el proceso de compra para ver si hay disponibilidad. El fondo oscuro dificulta la lectura al sol.
Oportunidad
Hacer visible la disponibilidad directamente en la pagina de producto — sin necesidad de pulsar "Reservar" — mostrando "Proximo horario: 14:30 — 3 plazas" seria un game changer. El calendario ya existe tras el click; solo necesita moverse a un paso anterior. TdB como portal oficial podria incluso ofrecer entradas de ultimo minuto exclusivas.
3. El Planificador
Perfil: En casa, 1-2 semanas antes del viaje, laptop o tablet. Construyendo itinerario.
Contexto de uso: Pantalla grande, multiples pestanas abiertas, compara entre plataformas.
Lo que busca: Catalogo completo, comparacion de opciones, planificacion de varios dias, combos con descuento.
Contexto de uso: Pantalla grande, multiples pestanas abiertas, compara entre plataformas.
Lo que busca: Catalogo completo, comparacion de opciones, planificacion de varios dias, combos con descuento.
Lo que necesita de la web
| Necesidad | TdB | Competidores |
|---|---|---|
| Catalogo amplio con filtros (categoria, precio, duracion, rating) | Filtros basicos (sort + idioma + ubicacion) | GYG: 6+ filtros |
| Opciones visibles por producto (24h/48h, con guia/sin guia) | Ocultas en acordeon | Competidores: visibles en sidebar |
| Combinaciones/packs con descuento | No | Tiqets: "Best-picked combinations" |
| Reviews para validar decision | No | Todos los competidores: si |
| Layout 2 columnas con booking sidebar | 1 columna | Todos los competidores: 2 columnas |
Experiencia actual en TdB: El catalogo de categorias funciona (42 productos en Arte y Cultura con sort). Pero las tarjetas dan poca info para decidir sin entrar en cada producto. Las paginas de producto no muestran opciones ni variantes. No hay combinaciones.
Oportunidad
Enriquecer tarjetas con rating + duracion + badges, mostrar variantes de producto en la pagina de producto, y crear packs tipo "3 dias en Barcelona" aprovecharia la credibilidad de TdB como fuente oficial para la planificacion.
4. El Organizador de Grupo
Perfil: Reserva para familia (2 adultos + 2 ninos) o grupo de amigos (4-6 personas).
Contexto de uso: Necesita coordinar preferencias, presupuesto y disponibilidad de varias personas.
Lo que busca: Precios por persona/tipo (adulto, nino, senior), disponibilidad para grupos, actividades aptas para familias/grupos.
Contexto de uso: Necesita coordinar preferencias, presupuesto y disponibilidad de varias personas.
Lo que busca: Precios por persona/tipo (adulto, nino, senior), disponibilidad para grupos, actividades aptas para familias/grupos.
Lo que necesita de la web
| Necesidad | TdB | Competidores |
|---|---|---|
| Precios por tipo de participante visibles | No visibles en pagina de producto | GYG: selector adulto/nino con precios |
| Filtro "familias" o "grupos" | No | Tiqets: "Recommended for families" |
| Indicacion de tamano maximo de grupo | No visible | Viator: si |
| Carrito con multiples productos | Tiene carrito | Competidores: tambien |
| Opciones de grupo con descuento | No visible | Algunos competidores: si |
Experiencia actual en TdB: El sistema de carrito existe pero las paginas de producto no muestran precios diferenciados por tipo de participante de forma visible. No hay curacion para familias.
Oportunidad
Anadir un selector de participantes (adultos/ninos/seniors) con precios dinamicos y una seccion "Barcelona en familia" curada marcaria una diferencia clara vs. los agregadores genericos.
5. El Buscador de Ofertas
Perfil: Turista con presupuesto ajustado, busca maximizar experiencias por euro.
Contexto de uso: Compara precios entre plataformas, busca descuentos, valora pases multi-atraccion.
Lo que busca: Barcelona Card, pases multiday, combos con descuento, "best price guarantee".
Contexto de uso: Compara precios entre plataformas, busca descuentos, valora pases multi-atraccion.
Lo que busca: Barcelona Card, pases multiday, combos con descuento, "best price guarantee".
Lo que necesita de la web
| Necesidad | TdB | Competidores |
|---|---|---|
| Sort por precio | Si, existe en categorias ✓ | Competidores: si |
| Comparativa de pases (que incluye cada uno, ahorro vs. individual) | Informacion en acordeones | Tiqets: selector interactivo |
| Combinaciones con descuento | No | Tiqets / Viator: si |
| Badge "Mejor precio" | No | Tiqets: "Best value" |
| Cancelacion gratuita visible | Si, en categorias ✓ | Competidores: si |
Experiencia actual en TdB: TdB tiene ventaja potencial aqui — ofrece Barcelona Card y productos oficiales. El sort por precio funciona. La badge "Cancelacion gratuita" existe. Pero la pagina de la Barcelona Card no comunica visualmente el ahorro vs. comprar por separado.
Oportunidad
TdB podria posicionarse como "mejor precio garantizado por ser canal oficial". Una calculadora de ahorro en la Barcelona Card ("Ahorra 47€ con 3 museos incluidos") seria un diferenciador unico.
Matriz Resumen: Necesidades por Arquetipo
| Necesidad del cliente | Espontaneo | En Destino | Planificador | Grupo | Ofertas | Premium |
|---|---|---|---|---|---|---|
| Filtro temporal (hoy/manana) | Oportunidad | Oportunidad | ◔ | ◔ | — | — |
| Ratings y reviews | Oportunidad | ◔ | Oportunidad | ◔ | ◔ | Oportunidad |
| Sticky CTA mobile (enriquecer) | Mejorable | Mejorable | — | — | ◔ | — |
| Calendario visible en pagina de producto (sin iniciar reserva) | ◔ | Mejorable | Mejorable | Mejorable | — | — |
| Combinaciones / packs con descuento | — | — | Oportunidad | ◔ | Oportunidad | — |
| Precios por tipo de participante | — | — | ◔ | Oportunidad | ◔ | — |
| Skip-the-line / badges de urgencia | ◔ | Oportunidad | — | — | — | Oportunidad |
| Seccion "Para familias" curada | — | — | ◔ | Oportunidad | — | — |
| Calculadora de ahorro (Barcelona Card) | — | — | ◔ | — | Oportunidad | — |
| Experiencias exclusivas / VIP | — | — | — | — | — | Oportunidad |
✓ = presente en TdB · ◔ = parcial o relevante pero no critico · Mejorable = existe pero necesita mejora · Oportunidad = necesidad critica para este arquetipo, no cubierta · — = no relevante para este arquetipo
Fortaleza por Plataforma y Arquetipo
Que tan bien sirve cada plataforma a cada tipo de cliente (1-5):
| Plataforma | Espontaneo | En Destino | Planificador | Grupo | Ofertas | Premium |
|---|---|---|---|---|---|---|
| CdT | 2 | 2 | 2 | 2 | 3 | 2 |
| GYG | 5 | 5 | 5 | 4 | 3 | 4 |
| Tiqets | 4 | 4 | 4 | 3 | 4 | 3 |
| Viator | 4 | 4 | 4 | 4 | 3 | 4 |
| Fever | 4 | 3 | 2 | 2 | 2 | 5 |
Fever destaca en el Espontaneo y el Premium, pero no compite en Planificador ni Ofertas.
Su enfoque de inspiracion ("que hacer en Barcelona") con experiencias inmersivas y exclusivas (Candlelight, exposiciones interactivas) lo posiciona fuerte para quien busca "algo especial". Sin embargo, su falta de filtros estructurados, ausencia de comparacion de precios y modelo de "brand pages" (vs. paginas de producto tradicionales) lo hace debil para quien planifica o compara ofertas. CdT podria aprender de Fever el poder de la curacion visual y las experiencias exclusivas.
Hub / Landing — Primera Impresion
Above the Fold — Desktop
Lo que el usuario ve en los primeros 3 segundos al aterrizar en la seccion de tickets de cada sitio:
Comparativa: Primera Impresion Desktop (4-up) Oportunidad de alto impacto
This de BCN
Hero oscuro + categorias genericas. Sin productos visibles en el primer viewport. Sin filtros, sin precios, sin ratings.
GetYourGuide
Grid de productos inmediato con ratings, precios, badges "Bestseller". Filtros visibles arriba. El turista decide en segundos.
Tiqets
Hero aspiracional + "Top Things to Do" inmediato. Curacion editorial que guia al usuario. Enfoque discovery.
Fever
Fondo oscuro con carruseles visuales por categoria (Candlelight, Immersive). Imagenes grandes, ratings, precios. Inspiracion-first.
Oportunidad: mostrar productos directamente en el primer viewport.
Actualmente el hero y las categorias ocupan el primer pantallazo. Incorporar tarjetas de producto ya en el primer scroll (como hace GYG con +10 productos) o curacion editorial (como Tiqets con "Top Things to Do") captaria la atencion del turista desde el primer segundo.
Fever: como hacer funcionar el tema oscuro con impacto visual.
Fever y CdT comparten el uso de fondo oscuro, pero con resultados opuestos. Fever lo resuelve con imagenes masivas de alta calidad, carruseles horizontales por categoria y jerarquia visual fuerte (titulo + rating + precio por tarjeta). CdT usa categorias genericas con iconos sobre navy. La leccion: el tema oscuro funciona cuando el contenido visual es protagonista absoluto y la densidad de informacion por tarjeta es alta. Sin eso, el fondo oscuro dificulta la lectura y reduce la visibilidad de los productos.
Densidad de Producto — Zona de Listado
Comparativa: Zona de productos Desktop (4-up)
This de BCN
TOP 10 en carrusel (muestra 3) + ~5 tarjetas adicionales. Total visible: ~8 productos. Sin filtros, sin ratings.
GetYourGuide
Grid denso: ~20+ productos visibles con imagen, titulo, rating, reviews, precio, duracion y badges. Filtros laterales.
Tiqets
Secciones curadas: "Recommended by", "Best combinations", grid de experiencias. ~15 productos + bundles + editorial.
Fever
Carruseles horizontales por marca/tipo (Candlelight, Exhibitions). Tarjetas grandes con rating + precio. Alta densidad visual, baja densidad informativa.
Oportunidad: aumentar la densidad de productos visibles.
El TOP 10 con numeros gigantes es un elemento diferenciador interesante, pero consume mucho espacio vertical. Complementarlo con un grid mas denso debajo (con ratings y badges por tarjeta, como GYG) maximizaria las opciones visibles sin perder el caracter curado.
Categorias
ATF Desktop — Pagina de Categoria
Comparativa: Categoria Desktop ATF (5-up)
This de BCN
Breadcrumbs + titulo + filtros basicos (sort, idioma, ubicacion). Tarjetas con img + titulo + precio.
GetYourGuide
6+ filtros (precio, duracion, rating, idioma, hora, categoria). Tarjetas horizontales con 7 campos de info.
Tiqets
Curacion editorial con secciones tematicas. Sin filtros explicitos pero con buena organizacion.
Viator
Grid curado con badges de urgencia, ratings, precios y duracion en cada tarjeta.
Fever
Grid masivo de experiencias con imagenes cuadradas. Fondo claro en categoria (vs oscuro en hub). Titulo + precio + rating.
ATF Mobile — Pagina de Categoria
Comparativa: Categoria Mobile ATF (5-up)
CdT
Filtros basicos + tarjetas verticales.
GYG
Pills horizontales + cards horizontales.
Tiqets
Curacion visual clara, hero + secciones.
Viator
Grid con badges + full-width cards.
Fever
Cards verticales con imagen grande + titulo + precio. Fondo oscuro.
Tarjeta de Producto y Filtros
Campos por tarjeta de producto
| Campo | TdB | GYG | Tiqets | Viator | Fever |
|---|---|---|---|---|---|
| Imagen | Si | Si | Si | Si | Si (grande) |
| Titulo | Si | Si | Si | Si | Si |
| Precio | Si | Si | Si | Si | Si |
| Rating / estrellas | No | Si | Si | Si | Si |
| Numero de reviews | No | Si (16K+) | Parcial | Si | Parcial |
| Duracion | No | Si | Parcial | Si | No |
| Badges (Bestseller, Free cancel, etc.) | Solo "Cancelacion gratuita" | Multiples | Multiples | Multiples | Parcial |
| Total campos | 3 | 7 | 5-6 | 7 | 5 |
Filtros de categoria
| Filtro | TdB | GYG | Tiqets | Viator | Fever |
|---|---|---|---|---|---|
| Ordenar por | Si | Si | Curacion | Curacion | Curacion |
| Idioma | Si | Si | No | No | No |
| Ubicacion | Si | Si | No | No | No |
| Precio | No | Si (rango) | No | No | No |
| Duracion | No | Si | No | No | No |
| Rating | No | Si | No | No | No |
| Hora del dia | No | Si | No | No | No |
TdB tiene 3 filtros funcionales; GYG tiene 6+.
Curiosamente, TdB supera a Tiqets y Viator en filtros (ambos usan curacion editorial sin filtros explicitos). Pero GYG es el claro lider con filtros robustos que permiten al turista afinar su busqueda rapidamente.
Analisi producto base (Bus Turistic)
Above the Fold — Desktop
Primer impacto de la pagina de producto del Bus Turistic en cada plataforma:
Comparativa: Producto base (Bus Turistic) — Desktop ATF (4-up)
This de BCN
1 imagen + precio + boton "Reservar". Calendario disponible tras click. Sin rating, sin mapa, sin opciones visibles, sin highlights.
GetYourGuide
Galeria + rating (4.0, 16K+ reviews) + highlights iconos + booking sidebar con calendario + opciones 24h/48h con precios + "Free cancellation".
Tiqets
Galeria + mapa de ruta integrado + highlights + booking widget + confirmacion instantanea visible.
Viator
Galeria amplia + descripcion detallada + tabs de navegacion + "Free cancellation" prominente. Muy rico en informacion.
Oportunidad: transformar la pagina de producto de informativa a conversional.
TdB ya tiene los elementos base (imagen de calidad, precio claro, CTA visible). El siguiente paso es enriquecer el primer viewport con highlights (que incluye, duracion, idiomas), rating y un widget de disponibilidad, como hacen los 3 competidores.
Above the Fold — Mobile
Comparativa: Producto base (Bus Turistic) — Mobile ATF (3-up + Viator cross-sell)
CdT
Imagen + precio + boton + barra fija de compra. Oportunidad: anadir highlights y trust signals.
GYG
Galeria swipe + rating + highlights + sticky CTA bar abajo.
Tiqets
Galeria + rating + badges + sticky CTA morado con precio.
Oportunidad: enriquecer el above-the-fold mobile.
TdB muestra 3 elementos (imagen + precio + boton). Anadir rating, badges de confianza ("Cancelacion gratuita", "Confirmacion instantanea") y highlights con iconos elevaria la densidad informativa al nivel de GYG (5+) y Viator (8+ elementos en el primer viewport).
Resenas y Prueba Social
Comparativa: Zona de resenas (3-up) Oportunidad para CdT
GetYourGuide
Rating global + desglose por categoria + resenas individuales con texto y fotos de usuarios reales.
Tiqets
Puntuacion numerica + resenas de usuarios + combinaciones sugeridas. Refuerza confianza y amplia carrito.
CdT — Oportunidad
El modulo de resenas de Magento existe en el codigo pero esta vacio. La pagina de producto pasa directamente al footer tras los acordeones. La infraestructura para resenas ya esta — solo necesita activarse.
Oportunidad: la prueba social es el trust signal #1 en ecommerce de experiencias.
Incorporar resenas y valoraciones transformaria la percepcion de confianza de TdB. El modulo de resenas de Magento esta presente en el codigo pero vacio — la infraestructura para resenas ya existe, solo necesita activarse y recopilar opiniones. Incluso empezar con ratings agregados basicos marcaria una diferencia inmediata. A medio plazo, TdB podria aprovechar su posicion como portal oficial para solicitar reviews verificadas con un sello de autenticidad unico.
Cross-sell
Comparativa: Cross-sell (2-up) Oportunidad para CdT
Tiqets
Triple cross-sell: "Best-picked combinations" (packs con ahorro) + alternativas misma atraccion + productos diferentes. Aumenta ticket medio.
CdT — Oportunidad
Los modulos de cross-sell (recently viewed, related products) existen en Magento pero no estan activados/populados. La pagina de producto termina directamente antes del footer.
Oportunidad: activar los modulos de cross-sell existentes en Magento.
La plataforma Magento/Hyva de CdT ya incluye modulos de "recently viewed" y "related products" — solo necesitan ser activados y populados. Complementar con secciones tipo "Sagrada + Park Guell" con descuento y alternativas dentro de la misma categoria crearia nuevas oportunidades de conversion. Tiqets y Viator usan hasta 3 capas de cross-sell por pagina de producto. Para CdT, el esfuerzo es de configuracion, no de desarrollo.
Analisi producto con fecha (Casa Batllo / Sagrada)
Above the Fold — Desktop
Las experiencias con fecha y hora especifica son las mas complejas para el usuario. Requieren seleccionar fecha, hora, y a menudo opciones de grupo. La pagina de producto debe resolver esta complejidad sin fricciones.
Comparativa: Producto con fecha (Sagrada Familia) — Desktop ATF (4-up)
This de BCN
Imagen + precio + boton "Reservar". Sin calendario inline, sin rating, sin sidebar de booking, sin highlights visibles.
GetYourGuide
Galeria + rating + highlights iconos + booking sidebar con calendario + opciones con precios + "Free cancellation".
Tiqets
Galeria + rating + opciones multiples con "Best value" + booking widget + confirmacion instantanea.
Viator
Galeria amplia + rating + badges + descripcion detallada + tabs de navegacion. Muy rico en informacion.
Oportunidad: misma brecha que en producto base, amplificada por la complejidad.
En productos con fecha y hora, el usuario necesita ver disponibilidad, opciones y precios antes de decidir. Los 3 competidores muestran calendario inline y booking sidebar en desktop. CdT oculta todo tras el boton "Reservar".
Above the Fold — Mobile
Comparativa: Producto con fecha — Mobile ATF (4-up)
CdT
Imagen + precio. Calendario disponible tras click en "Reservar", pero sin hora ni opciones visibles en la pagina de producto.
GYG
Galeria + rating + highlights + sticky CTA.
Tiqets
Rating + opciones multiples + "Best value" badge.
Viator
Rating + 6 badges + galeria + descripcion extensa.
Viator Mobile — Experiencia Completa
Viator representa el benchmark maximo en informacion y prueba social mobile:
Viator Mobile: Fotos de viajeros + Reviews Benchmark
Viator
ATF: rating + 6 trust badges + galeria profesional.
Viator
Reviews: estrellas + texto + fotos de viajeros + filtros + votos "helpful". El sistema mas completo del mercado.
El sistema de reviews de Viator es el benchmark absoluto.
Rating + desglose + reviews con texto + fotos de viajeros + filtros por tipo + voto helpful/unhelpful. CdT actualmente no muestra ninguno de estos 6 elementos, aunque el modulo de resenas de Magento ya existe en el codigo (vacio). Activarlo y adoptar incluso una version basica de este sistema tendria alto impacto en conversion.
Experiencia Mobile
La mayoria de usuarios de este tipo de plataforma son turistas con el movil en la mano, en Barcelona, bajo el sol. Esta es la superficie de uso mas critica.
Boton de Compra Fijo en Mobile — Comparativa
CdT ya implementa el sticky CTA — un patron critico de conversion mobile.
Los 4 sitios analizados tienen una barra fija inferior con precio + boton de compra visible en todo momento al hacer scroll. La diferencia esta en la riqueza de informacion que acompana al CTA: los competidores incluyen badges de confianza, rating o informacion de cancelacion junto al precio.
Comparativa: Calidad del boton fijo de compra en mobile (4-up) Oportunidad de mejora
GYG
Barra fija: precio + "Check availability" + trust badge. Muy completa.
Tiqets
Barra fija morada: precio + CTA + info de cancelacion. Clara y eficaz.
Viator
Boton verde "Check Availability" fijo con precio visible.
CdT
Barra fija con precio + Reservar. Oportunidad: enriquecer con rating, badges de confianza o disponibilidad.
Oportunidad: enriquecer la barra fija de compra existente.
CdT ya tiene el patron basico (precio + "Reservar"), lo cual es una base solida. El siguiente paso es anadir elementos de confianza y urgencia al sticky bar: rating del producto, badge de "Cancelacion gratuita", o disponibilidad ("Ultimo horario: 17:00"). Estos elementos reforzarian la decision de compra sin necesidad de volver arriba.
Altura Total de Pagina de Producto
Comparativa: Altura de pagina de producto mobile
CdT
5.101px
Acordeones abiertos
Tiqets
5.993px
GetYourGuide
9.023px
Viator
16.664px
Con los acordeones abiertos, CdT (5.101px) esta cerca de Tiqets (5.993px).
La diferencia de contenido con GYG y Viator se debe principalmente a secciones que CdT tiene como infraestructura pero no activadas: reviews (modulo Magento presente pero vacio), cross-sell (modulos existentes pero sin popular) y variantes de producto. La base tecnica es solida (lazy loading con IntersectionObserver + x-defer) y soportara la activacion de estos modulos sin impacto en rendimiento.
Rendimiento (Core Web Vitals)
Análisis de rendimiento real ejecutado con Google Lighthouse (v13) sobre las mismas páginas de producto comparadas en esta auditoría. Los Core Web Vitals son factores directos de posicionamiento SEO y de experiencia de usuario.
Desktop — Puntuación Lighthouse
CdT
92
PDP Desktop
GYG
61
PDP Desktop
Tiqets
96
PDP Desktop
Fever
97
Hub Desktop
| Métrica | Umbral | CdT PDP | GYG PDP | Tiqets PDP |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | ≤ 2.5s | 1.1 s | 1.6 s | 1.3 s |
| CLS (Cumulative Layout Shift) | ≤ 0.1 | 0.052 | 0.002 | 0 |
| TBT (Total Blocking Time) | ≤ 200ms | 0 ms | 780 ms | 0 ms |
| FCP (First Contentful Paint) | ≤ 1.8s | 0.8 s | 1.2 s | 0.6 s |
CdT tiene un rendimiento desktop excelente: Lighthouse 92, TBT 0ms, LCP 1.1s.
El stack Magento/Hyva + lazy loading bien implementado produce páginas rápidas en desktop. GYG, pese a su superior UX, penaliza rendimiento con 780ms de TBT (JavaScript pesado para widgets interactivos). Esto confirma que la base técnica de CdT es sólida — el problema es de contenido y funcionalidad, no de infraestructura.
Mobile — Puntuación Lighthouse
CdT
42
PDP Mobile
GYG
38
PDP Mobile
Tiqets
90
PDP Mobile
Fever
69
Hub Mobile
| Métrica | Umbral | CdT PDP | GYG PDP | Tiqets PDP | Fever Hub |
|---|---|---|---|---|---|
| LCP | ≤ 2.5s | 8.1 s | 6.1 s | 2.1 s | 12.7 s |
| CLS | ≤ 0.1 | 0.069 | 0.005 | 0.019 | 0.042 |
| TBT | ≤ 200ms | 680 ms | 3.150 ms | 290 ms | 270 ms |
En mobile, TODOS los sitios caen drásticamente: CdT pasa de 92 a 42, GYG de 61 a 38.
El LCP de CdT mobile (8.1s) triplica el umbral recomendado de 2.5s. Para un turista en Barcelona con conexión móvil, esto significa 8 segundos mirando una pantalla en blanco antes de ver el producto. Según Deloitte/Google (2020), mejorar el tiempo de carga móvil en solo 0.1 segundos aumenta las conversiones de viajes un 10.1%.
GYG tiene peor rendimiento técnico que CdT (38 vs 42 en mobile, 61 vs 92 en desktop).
GYG compensa con UX superior (widgets interactivos, calendario inline, reviews). Esto significa que si CdT añade funcionalidades sin degradar su rendimiento actual, tendrá una ventaja competitiva real: más rápido Y más funcional.
Flujo de Reserva — CdT vs. GYG
Análisis paso a paso del flujo completo de reserva del Bus Turístic Hop-on Hop-off — el mismo producto en ambas plataformas. Se documentó cada pantalla desde la página de producto hasta el último paso antes del pago. Capturas reales con Playwright (desktop 1440×900).
Paso 0 — Página de Producto (antes de cualquier acción)
Above the Fold — Primera impresión del turista crítico
CdT
Galería (4 fotos) + precio (33€) + botón rojo «Reservar» en barra fija. Sin reviews, sin highlights, sin calendario. El usuario solo sabe el nombre y el precio.
GYG
4.4☆ · 21.399 reseñas + galería + proveedor + sidebar de reserva con selector de fecha, participantes y CTA «Ver disponibilidad». Cancelación gratuita + «Reservar ahora y pagar después» visibles.
| Elemento visible en PDP | CdT | GYG |
|---|---|---|
| Rating / estrellas | NO | 4.4 / 5 |
| Número de reseñas | 0 | 21.399 |
| Proveedor de la experiencia | No visible | Julia Travel Gray Line Spain |
| Calendario / disponibilidad | Oculto | Selector de fecha en sidebar |
| Selector de participantes | Oculto | Inline en sidebar |
| Cancelación gratuita | Texto pequeño arriba («Cancelación gratuita») | Destacado + «Reembolso íntegro con 24h» |
| «Reservar ahora, pagar después» | NO | Sí |
| Highlights con iconos (duración, idiomas...) | No — todo en acordeones cerrados | Sí — visibles sin click |
Antes de hacer ningún clic, el usuario de GYG tiene 8 datos de decisión; el de CdT tiene 2 (nombre y precio).
El 75% de los consumidores lee reseñas antes de comprar (BrightLocal, 2024). GYG muestra 21.399; CdT muestra cero. Productos con solo 5 reseñas ven un 270% más de probabilidad de compra (Spiegel/Northwestern, 2017).
Paso 1 — Tras pulsar «Reservar» / «Ver disponibilidad»
Calendario y selección de fecha diferencia clave
CdT — tras click en «Reservar»
El calendario y las opciones de ticket (Adulto 24h: 33€, Junior 24h: 18€, Reducida 24h: 28€) aparecen solo después de pulsar Reservar. El contenido de la PDP desaparece — el usuario pierde contexto.
GYG — siempre visible en sidebar
El calendario, opciones, precio y CTA son siempre visibles en la sidebar derecha junto al contenido de la PDP. El usuario puede leer descripciones, ver reviews y seleccionar fecha sin cambiar de vista.
CdT tiene calendario y opciones con precios — pero los oculta detrás de un clic.
La infraestructura funciona: calendario mensual, precios por categoría (adulto, junior, reducida), selectores de cantidad. El problema no es que no existan, sino que el usuario debe «comprometerse» pulsando Reservar antes de verlos. En GYG, el usuario ve disponibilidad mientras lee la descripción y las reseñas — la decisión se construye con contexto completo.
Paso 2 — Opciones de Producto y Cantidad
Selección de variantes y cantidades detalle
CdT — scroll tras Reservar
Opciones 48h: Junior (23€), Reducida (30,50€), Baby (5€) con selectores +/−. Botón «Añadir a la cesta» al final. Sin precio total visible. Los acordeones (Descripción, Cómo llegar, Detalles) aparecen debajo.
GYG — calendario + opciones inline
Calendario abierto (Abril/Mayo 2026) con sidebar: €33/persona, selector de adultos, «Free cancellation» y «Reserve now & pay later». Todo visible mientras se lee la descripción. El precio total se actualiza en tiempo real.
| Detalle de opciones | CdT | GYG |
|---|---|---|
| Variantes de producto | 24h y 48h (con precios) | 24h y 48h (con precios + descripción) |
| Categorías de precio | Adulto, Junior, Reducida, Baby | Adulto, Niño |
| Selector de cantidad | +/− por categoría | +/− por categoría |
| Precio total dinámico | NO — no se muestra subtotal | SÍ — se actualiza en tiempo real |
| Contexto del producto mientras se elige | Oculto — la PDP desaparece | Visible — sidebar junto a contenido |
| Acción siguiente | «Añadir a la cesta» → cart page | «Añadir al carrito» → checkout inline |
CdT ofrece más categorías de precio (4) que GYG (2).
Adulto, Junior, Reducida y Baby frente a Adulto y Niño en GYG. Esta granularidad es una ventaja real — permite al usuario encontrar exactamente su tarifa. El reto es que esta información útil está escondida.
Paso 3 — Del Carrito al Pago
Arquitectura del checkout: página de carrito vs. flujo directo diferencia estructural
CdT — página de carrito separada
CdT usa un modelo de carrito tradicional (página /checkout/cart/ separada). El usuario añade al carrito → navega a otra página → revisa → procede al pago. Paso adicional que GYG no tiene. Opciones de pago: Visa + PayPal (en footer).
GYG — checkout directo sin carrito
GYG no tiene página de carrito. Desde la PDP el usuario selecciona fecha, opciones y participantes, y pasa directamente al pago. «Free cancellation» + «Reserve now & pay later» visibles antes de confirmar. Pago: tarjeta + PayPal + Google Pay + Apple Pay.
| Elemento del checkout | CdT | GYG |
|---|---|---|
| Modelo de carrito | Página de carrito separada (/checkout/cart/) | Checkout directo (sin página de carrito intermedia) |
| Resumen del pedido | En página de carrito | Inline antes de pago |
| «Reservar ahora, pagar después» | No disponible | «Plazas flexibles: reserva tu plaza de inmediato y si te lo piensas la carga fue» |
| Garantía de reembolso | «Cancelación gratuita» (sin detalle) | «Reembolso íntegro si cancelas con 24 horas de antelación» |
| Señales de urgencia | Ninguna | «Reservado X veces ayer» |
| Cross-sell en checkout | Ninguno | «También te puede interesar» |
| Métodos de pago visibles | Visa + PayPal (footer) | Tarjeta + PayPal + Google Pay + Apple Pay |
| Pasos hasta completar compra | PDP → Reservar → Calendario → Opciones → Añadir → Carrito → Checkout → Pago (7 pasos) | PDP (todo visible) → Seleccionar → Checkout → Pago (3 pasos) |
CdT requiere 7 pasos para completar una compra frente a 3 de GYG.
Según Baymard Institute (2026), el 18% de los abandonos se producen porque el checkout es demasiado largo o complejo. La tasa de abandono media es del 70.22%, pero en turismo alcanza el 81% (SaleCycle). Cada paso adicional multiplica la probabilidad de abandono, especialmente en mobile donde la conversión es solo del 0.7% frente al 2.4% desktop.
Resumen: Embudo Completo CdT vs. GYG
| # | Paso del usuario | CdT | GYG |
|---|---|---|---|
| 0 | Ver la PDP | Foto + precio + «Reservar» | Foto + 4.4☆ + 21K reviews + sidebar completa |
| 1 | Ver disponibilidad | Requiere clic en «Reservar» | Ya visible en sidebar |
| 2 | Elegir fecha | Calendario funcional | Calendario funcional |
| 3 | Elegir opción (24h/48h) | 4 categorías de precio | Cards con detalle |
| 4 | Ver precio total | No se muestra | Actualizado en tiempo real |
| 5 | Añadir al carrito | «Añadir a la cesta» → nueva página | Inline → checkout directo |
| 6 | Trust signals | Cancelación gratuita (solo texto) | Cancelación + reembolso + «pagar después» + urgencia |
| 7 | Completar pago | Visa, PayPal | Tarjeta, PayPal, Google Pay, Apple Pay |
La buena noticia: CdT tiene la infraestructura funcional completa.
Calendario, opciones de producto, selectores de cantidad, página de carrito — todo funciona. El problema no es técnico sino de arquitectura de información: los elementos están ocultos o distribuidos en demasiados pasos. Mover el calendario y las opciones a la PDP (sidebar o sección visible) y eliminar la página de carrito intermedia reduciría el embudo de 7 a 3-4 pasos sin desarrollo nuevo — solo reorganización de componentes existentes.
Impacto estimado: reducir 7 pasos a 3 puede aumentar la conversión un 35-50%.
Según Baymard Institute, cada paso adicional en el checkout reduce la conversión. Para turismo específicamente, donde el 81% abandona el proceso, simplificar el embudo no es una mejora estética — es la diferencia entre vender y perder la venta frente a GYG, que está a un clic de distancia en Google.
Búsqueda y Descubrimiento
Se testó la funcionalidad de búsqueda en cada sitio con consultas reales: «Sagrada Familia» (producto popular), «sagrdaa familia» (error tipográfico) y consultas genéricas. Los usuarios que usan búsqueda representan solo el 15-24% de los visitantes pero generan el 44% de los ingresos (Constructor, 2025 — 609M búsquedas analizadas en 113 sitios retail).
Autocompletado — Comparativa
Búsqueda de «Sagr...» — Autocompletado impacto en conversión
GYG
Categorizado: Ciudades, barrios, atracciones, parques. Sagrada Familia aparece con contexto «Attraction in Barcelona».
Tiqets
Global sin contexto local: «Sagr» muestra primero Sagres (Portugal). Sagrada Familia es el 3er resultado.
Fever
Segmentado por tipo: Categorías arriba («Candlelight», «Candlelight Concerts») + resultados específicos con imagen.
Resultados de búsqueda completa «Sagrada Familia» comparativa
GYG
354 resultados con filtros ricos (Dates, Guided tours, Entry tickets, Hop-on hop-off...). Badges: «Bestseller», «Booked 39 times yesterday».
Tiqets
Resultados relevantes con ratings y precios. Menos filtros que GYG pero buena curación editorial.
Tolerancia a Errores Tipográficos
Búsqueda de «sagrdaa familia» (error intencionado) diferenciador
GYG
500+ resultados. GYG corrige el error y encuentra «Sagrada Familia» como primer resultado. Tolerancia excelente.
CdT
Sin datos: no fue posible evaluar la búsqueda de CdT (diálogo de cookies bloquea la interacción programada). El campo existe («Buscar actividades») pero no se pudo verificar autocompletado ni tolerancia a errores.
| Capacidad | CdT | GYG | Tiqets | Fever |
|---|---|---|---|---|
| Autocompletado | Presente (no verificado) | Sí — categorizado con contexto | Sí — global (sin contexto local) | Sí — categorías + resultados con imagen |
| Tolerancia a errores | No verificado | Excelente (corrige «sagrdaa») | No testado | No testado |
| Filtros en resultados | Básicos (sort + idioma) | 6+ filtros (fecha, duración, precio, tipo) | Curación editorial | Limitados |
| Badges en resultados | No | Bestseller, Booked X times, Likely to sell out | Ratings + precios | Limitados |
Los usuarios que buscan convierten 2.5x más que los que navegan.
La búsqueda de CdT existe pero no se pudo evaluar su calidad (autocompletado, tolerancia a errores). Si CdT tiene búsqueda básica sin autocompletado inteligente, está perdiendo una oportunidad de conversión masiva. Los sitios con búsqueda avanzada ven hasta un 50% más de conversiones (Algolia/Econsultancy, 2024).
Internacionalización
Barcelona recibe 12+ millones de turistas internacionales al año. El 76% de los consumidores prefieren comprar en su idioma nativo, y el 40% nunca comprará en un sitio en otro idioma (CSA Research, 2020 — 8.709 consumidores en 29 países).
Matriz de Idiomas y URLs
| Dimensión | CdT | GYG | Tiqets | Viator | Fever |
|---|---|---|---|---|---|
| Idiomas disponibles | ES, EN, FR | ES, EN, FR, DE, IT, PT, NL, JA, KO, ZH +10 | ES, EN, FR, DE, IT, NL, PT +5 | ES, EN, FR, DE, IT, PT, JA +10 | ES, EN, FR, CA |
| Estructura URL | /en/tickets, /fr/tickets | /fr-fr/barcelone-l45/ (subdirectorio + traducción de slug) | /es/atracciones-barcelona/ (subdirectorio + traducción) | /es-ES/Barcelona/ (locale path) | /en/barcelona, /es/barcelona |
| Traducción de slugs | No — mismos slugs en todos los idiomas | Sí — «barcelone» (FR), «barcellona» (IT) | Sí — «atracciones» / «attractions» | Sí — «Barcelone» (FR) | No — mismos slugs |
| hreflang tags | NO — ausentes | Sí | Sí | Sí | No |
| html lang correctamente declarado | lang="es" siempre (incluso en /en/) | Correcto por idioma | Correcto | Correcto | No verificado |
| Traducción de contenido | Completa (UI + categorías) | Completa (UI + productos + filtros) | Completa | Completa | Completa |
CdT en inglés vs. GYG en francés comparativa
CdT EN
CdT en inglés: UI traducida («Explore our categories», «Art & Culture»), pero sin hreflang tags y html lang="es" incluso en la versión inglesa.
GYG FR
GYG en francés: traducción completa incluyendo filtros («Croisières», «Excursions à la journée»), slugs (/fr-fr/barcelone-l45/) y hreflang correcto.
Impacto SEO Internacional
CdT tiene contenido traducido pero pierde tráfico internacional por fallos técnicos SEO.
Las versiones en inglés y francés existen y están bien traducidas, pero: (1) no hay etiquetas hreflang, por lo que Google no sabe que existen versiones alternativas; (2) el atributo html lang siempre es «es», incluso en /en/ — esto confunde a los motores de búsqueda y lectores de pantalla; (3) los slugs no están traducidos (/en/tickets vs GYG /en-gb/barcelona-l45/). Corregir estos 3 puntos es trabajo de configuración, no de desarrollo, y desbloquearía tráfico orgánico internacional.
CdT ofrece 3 idiomas (ES, EN, FR) frente a 15-20 de GYG/Viator.
Para una plataforma local de Barcelona, 3 idiomas es un punto de partida razonable. Sin embargo, el alemán (DE) sería una adición de alto impacto dado que Alemania es el 2º mercado emisor de turistas a Barcelona. GYG incluso traduce «Barcelona» a «Barcellona» en italiano — nivel de localización extremo.
Psicología de Conversión
Análisis de los mecanismos psicológicos que impulsan (o frenan) la compra, aplicando dos frameworks de referencia: el Modelo Hook (Nir Eyal, Stanford) para evaluar la formación de hábitos de compra, y la Metodología CRO (Conversion Rate Optimization) para identificar las objeciones que impiden la conversión.
Modelo Hook: Trigger → Action → Variable Reward → Investment
El Hook Model describe cómo los productos crean ciclos de uso habitual. Un producto que ejecuta bien las 4 fases genera usuarios que vuelven sin necesidad de publicidad. Aplicado al ecommerce de tickets turísticos:
| Fase del Hook | CdT | GYG | Impacto |
|---|---|---|---|
| 1. TRIGGER ¿Qué impulsa al usuario a actuar? |
Cero triggers conductuales. Sin indicadores de urgencia, sin social proof, sin escasez. La página es informativa pero pasiva — no genera impulso de acción. |
Triggers múltiples y calibrados: «Reservado 39 veces ayer» (social proof) «Likely to sell out» (escasez) «Cancelación gratuita» (reducción de riesgo) «Reservar ahora, pagar después» (eliminación de barrera) |
CRÍTICO Sin triggers, la decisión de compra depende solo de la motivación intrínseca del turista |
| 2. ACTION B = Motivación × Habilidad × Trigger (Fogg) |
Alta fricción: 7 pasos hasta la compra. Calendario oculto. Página de carrito intermedia. El botón dice «Reservar» sin contexto de qué ocurrirá después. | Fricción mínima: 3 pasos. Todo visible en PDP. Botón «Ver disponibilidad» comunica exactamente la siguiente acción. Precio total actualizado en tiempo real. | CRÍTICO Según Fogg: reducir fricción es más efectivo que aumentar motivación |
| 3. VARIABLE REWARD ¿Qué recompensa variable recibe el usuario? |
Cero variabilidad. Misma página estática siempre. Sin reviews (no hay contenido social variable), sin badges dinámicos, sin indicadores de popularidad cambiantes. |
Triple recompensa variable: Tribe: «21.399 reseñas» — contenido social nuevo cada vez Hunt: precios y disponibilidad que cambian según fecha Self: «Certified by GYG» como validación de elección |
ALTO Sin variabilidad, no hay razón para volver a consultar la página |
| 4. INVESTMENT ¿Qué invierte el usuario que le hace volver? |
Mínimo: Lista de favoritos existe (icono «Favoritos» en header) pero sin sistema de reviews, sin historial de búsquedas, sin personalización. Switching cost bajo. | Múltiple: Wishlist + historial de reservas + reviews escritas + preferencias de viaje. Cada interacción mejora las recomendaciones futuras. Alto switching cost. | MEDIO Sin inversión, el usuario no tiene coste de cambiar a GYG |
CdT ejecuta 0 de las 4 fases del Hook Model. GYG ejecuta las 4.
El resultado es predecible: un turista que visita la PDP de CdT recibe información pasiva (nombre + precio). El mismo turista en GYG recibe triggers emocionales («39 personas reservaron ayer»), acción simplificada (3 clics), recompensas variables (21K reviews con contenido nuevo) e inversión que le retiene (wishlist, historial, reviews propias). No es que GYG tenga mejor diseño — es que tiene un motor de conversión y CdT no.
Las 5 Objeciones Universales: ¿Cómo las resuelve cada sitio?
Según la metodología CRO, todo visitante que no convierte tiene una razón. Las 5 objeciones universales son: Confianza, Precio, Adecuación, Timing y Esfuerzo. Un ecommerce efectivo las resuelve antes de que el usuario las formule.
| Objeción | Pregunta del turista | CdT | GYG |
|---|---|---|---|
| CONFIANZA «¿Puedo fiarme?» |
«¿Es fiable esta web? ¿Otros turistas han comprado aquí?» | No resuelta. Sin reseñas, sin rating, sin fotos de viajeros, sin «verificado por». El turista no tiene ninguna prueba de que otros hayan comprado y disfrutado. | Resuelta con 4 señales: 4.4☆ + 21.399 reseñas + «Certified by GYG» + fotos de viajeros reales. |
| PRECIO «¿Vale lo que cuesta?» |
«¿33€ es buen precio? ¿Hay opciones más baratas?» | Parcialmente resuelta. Precio visible (33€). Pero sin contexto: sin comparación 24h vs 48h visible, sin «desde X€», sin indicador de valor. | Resuelta: «From €XX» + opciones 24h/48h con precios comparables + «Best value» badge + «Reservar ahora, pagar después» elimina riesgo. |
| ADECUACIÓN «¿Es para mí?» |
«¿Es adecuado para mi familia? ¿Qué incluye exactamente?» | No resuelta. Todo en acordeones cerrados. «¿Qué incluye?», «Detalles», «Cómo llegar?» requieren clics. Sin highlights visibles, sin duración, sin idiomas. | Resuelta: Highlights con iconos (duración, idiomas, tamaño de grupo, cancelación) visibles sin clic. Descripción detallada + itinerario + mapa. |
| TIMING «¿Ahora o después?» |
«¿Hay disponibilidad para hoy? ¿Me lo pienso?» | No resuelta. Sin calendario visible, sin urgencia, sin indicador de disponibilidad. Nada motiva a comprar AHORA en lugar de mañana. | Resuelta con urgencia: Calendario con fechas disponibles + «Reservado 39 veces ayer» + «Likely to sell out». El turista siente que esperar es arriesgado. |
| ESFUERZO «¿Es complicado?» |
«¿Cuántos pasos tiene? ¿Necesito registrarme?» | No resuelta. 7 pasos, calendario oculto, página de carrito intermedia. El usuario no sabe qué pasará al pulsar «Reservar». | Resuelta: 3 pasos, todo en PDP, precio total visible antes de confirmar. «Cancelación gratuita» elimina el riesgo del compromiso. |
CdT no resuelve 4 de las 5 objeciones universales. GYG resuelve las 5.
La objeción de Confianza es la más crítica: sin reseñas, el turista que no conoce la marca «This de Barcelona» no tiene razón para confiar. GYG muestra 21.399 opiniones de otros viajeros. La objeción de Timing es la segunda: sin urgencia, el turista pospone la compra — y una compra pospuesta en turismo es una compra perdida (el turista se va de Barcelona).
CdT tiene una ventaja latente en Confianza que no está explotando: es el portal OFICIAL de Turisme de Barcelona.
Este posicionamiento de marca es más fuerte que cualquier badge de GYG. Pero actualmente no se comunica en la PDP. Un simple «Portal oficial de Turisme de Barcelona — compra directa sin intermediarios» visible en cada página de producto resolvería parte de la objeción de confianza sin necesitar 21.000 reseñas.
Recomendaciones (25)
Organizadas en 3 niveles de urgencia. Cada recomendación incluye su impacto estimado en conversión, respaldado por datos de la industria (Baymard Institute, Spiegel Research Center, CSA Research, McKinsey, Deloitte/Google).
INMEDIATA — 1-2 semanas
1
Hacer visible el calendario en la página de producto
El calendario de disponibilidad ya existe tras click en «Reservar». La oportunidad de mayor impacto es hacerlo visible directamente en la página de producto — como hacen GYG, Tiqets y Viator con calendarios inline. El 14% de los abandonos se producen porque el usuario no puede ver el coste total antes de checkout (Baymard, 2026). En turismo, la tasa de abandono alcanza el 81% (SaleCycle).
2
Activar sistema de reseñas
El módulo de reseñas de Magento ya existe pero está vacío. Activarlo y configurar: rating (estrellas), texto libre, etiquetas (familia, pareja, amigos). Productos con solo 5 reseñas ven un aumento del 270% en probabilidad de compra; para productos caros el aumento alcanza el 380% (Spiegel Research Center, Northwestern, 2017). El 75% de los consumidores lee reseñas antes de comprar (BrightLocal, 2024).
3
Enriquecer tarjetas de producto + sticky bar
Añadir rating, duración y badges («Cancelación gratuita», «Bestseller») a las tarjetas del listado. También enriquecer el sticky bar con rating y disponibilidad. Los tests A/B muestran que los sticky CTAs en mobile producen un 8-15% de mejora en conversión (Traction Marketing, 2024).
4
Highlights sin acordeon
Mostrar los 4-6 datos clave siempre visibles en la pagina de producto (duracion, que incluye, cancelacion, idiomas) como iconos + texto, estilo GYG. Mover solo FAQ y terminos completos a acordeones.
5
Activar cross-sell en Magento
Los módulos de cross-sell (recently viewed, related products) ya existen en Magento. Activarlos y popularlos con productos relacionados. El 35% de los ingresos de Amazon proviene de recomendaciones de cross-sell. Las estrategias de cross-sell aumentan las ventas un 20% y los beneficios un 30% (McKinsey).
6
Fondo claro en paginas de producto
Cambiar el fondo de las paginas de producto de navy a blanco/claro. Todos los competidores y paletas de hospitality recomiendan fondo claro. Mejora legibilidad al sol y contraste con imagenes.
7
Ampliar Schema.org
CdT ya tiene Schema.org (Product + Offer). Ampliar con BreadcrumbList y, cuando existan resenas, AggregateRating para habilitar estrellas en Google. Impacto directo en CTR organico.
8
Refinar contraste + form labels HTML
Ajustar contraste rojo/navy en contextos secundarios (el CTA principal ya pasa WCAG AA). Añadir atributos for/id en formularios para accesibilidad. Cambios CSS + HTML menores.
9
Añadir triggers de conversión en PDP
Implementar indicadores conductuales: «Reservado X veces esta semana» (social proof), «Últimas plazas para [fecha]» (escasez), «Cancelación gratuita hasta 24h antes» (reducción de riesgo). Estos triggers resuelven la objeción de Timing («¿ahora o después?») que CdT no aborda. Los datos de reservas de Magento ya existen para alimentar estos indicadores.
10
Badge «Portal Oficial de Turisme de Barcelona»
Añadir un badge prominente en cada PDP: «Compra directa — Portal oficial de Turisme de Barcelona». CdT tiene la ventaja de marca más fuerte del mercado pero no la comunica en el punto de decisión. Resuelve la objeción de Confianza sin necesitar miles de reseñas. Esfuerzo: 1 componente HTML reutilizable.
11
Corregir hreflang y html lang
Las versiones EN y FR existen y están bien traducidas, pero sin hreflang tags Google no las indexa correctamente. El atributo html lang es «es» incluso en /en/. Configuración en Magento, no desarrollo. El 40% de los consumidores no comprará en un sitio que no esté en su idioma (CSA Research, 2020).
CORTO PLAZO — 1-3 meses
12
Mapa en paginas de producto
Incluir mapa interactivo en las paginas de producto de experiencias con ubicacion (especialmente Bus Turistic con ruta). Tiqets lo ejecuta mejor con mapa de ruta integrado.
13
Filtros mejorados
Anadir filtros de precio, duracion y disponibilidad ("Hoy", "Manana") a las paginas de categoria. Pasar de 3 filtros a 5-6 (modelo GYG).
14
Galeria swipe mobile
Reemplazar thumbnails estaticos por carrusel swipeable con dots de navegacion. Los 3 competidores usan este patron en mobile.
15
Alt text descriptivo
Reemplazar alt texts genericos/vacios por descripciones especificas ("Vista aerea del Bus Turistic de Barcelona pasando por Sagrada Familia"). Impacto SEO + accesibilidad.
16
Meta descriptions optimizadas
Crear meta descriptions unicas por pagina de producto con precio, rating (cuando existan) y USP. Actualmente genericas o pendientes de crear.
17
Heading hierarchy
Corregir jerarquia de headings (h2 para "Menu" es incorrecto). Establecer h1 para titulo producto, h2 para secciones, h3 para subsecciones. Impacto SEO + accesibilidad.
MEDIO PLAZO — 3-6 meses
18
Combinaciones / Packs
Crear bundles tipo "Sagrada Familia + Park Guell" con descuento sobre precio individual. Modelo Tiqets "Best-picked combinations". Aumenta ticket medio significativamente.
19
Curacion editorial
Crear secciones editoriales en hub y categorias: "Imprescindibles", "Para familias", "Gratis o bajo coste", con foto de curador humano (modelo Tiqets). Anadir contexto y confianza.
20
Fotos de viajeros (UGC)
Permitir subir fotos a las resenas y crear galeria "Traveler Photos" (modelo Viator). Es el trust signal visual mas potente del mercado de tickets.
21
Rediseno hub
Rehacer la landing de tickets con productos inmediatos above-the-fold (modelo GYG), filtro temporal prominente ("Disponible hoy"), y mayor densidad de productos por pantalla.
22
Opciones visibles en pagina de producto
Mostrar todas las variantes de producto (24h vs 48h, adulto vs nino, con guia vs sin guia) directamente en la pagina de producto con precios visibles. Modelo GYG: progressive disclosure.
23
Rating en tarjetas de producto
Mostrar estrellas y numero de reviews en las tarjetas del listado/categoria. Depende de implementar primero el sistema de resenas (#10). Aumenta CTR significativamente.
24
Filtro de fecha
Anadir filtro "Disponible hoy/manana/esta semana" en hub y categorias. Critico para el arquetipo Espontaneo (turista que busca algo para AHORA).
25
Layout 2 columnas en desktop
Redisenar las paginas de producto desktop con layout de 2 columnas: contenido a la izquierda + booking widget sticky a la derecha (patron estandar GYG/Tiqets/Viator). Permite al usuario leer informacion mientras ve precio y CTA.
Anexo Tecnico: Accesibilidad WCAG
Analisis de accesibilidad con accesslint y reglas WCAG 2.1 AA. El texto blanco sobre navy de TdB tiene un contraste excelente (17.82:1). El CTA principal (sticky bar) muestra rojo sobre blanco (7.42:1, PASS AA). La oportunidad de mejora esta en el par rojo sobre navy en contextos secundarios, que con un ajuste de color puede cumplir el estandar AA.
Analisis de Contraste de Color
Se midieron los pares de color de mayor impacto de la paleta de TdB:
Texto Blanco / Navy
17.82 : 1
PASS AAA
Texto Blanco / Header
12.87 : 1
PASS AAA
Texto Blanco / CTA Rojo
7.42 : 1
PASS AA
CTA Rojo / Navy
2.30 : 1
FAIL — Min. 4.5:1 requerido
Link Rojo / Navy (normal text)
3.77 : 1
FAIL para texto normal
El CTA principal (sticky bar) cumple WCAG AA: rojo (#ac0c22) sobre blanco con ratio 7.42:1.
La barra fija de compra — que es el elemento de conversion principal con el que el usuario interactua — muestra boton rojo sobre fondo blanco, superando el minimo de 4.5:1. Esto reduce significativamente la severidad del hallazgo de contraste.
Oportunidad: ajustar el contraste del rojo (#ac0c22) sobre navy (#001833) en contextos secundarios, actualmente en 2.30:1.
Este ratio aplica a elementos decorativos y contextos visuales secundarios, no al CTA principal. WCAG 2.1 AA requiere un minimo de 4.5:1. Un cambio sencillo — como anadir fondo blanco tras elementos rojos en contextos navy — resolveria esto para consistencia de accesibilidad completa.
Los pares texto-fondo principales de TdB son excelentes.
Blanco sobre navy (17.82:1) y blanco sobre header (12.87:1) superan ampliamente el nivel AAA. La paleta base es correcta — el ajuste necesario es especifico del rojo sobre navy en contextos secundarios.
Schema.org y Form Labels
| Criterio | TdB | GYG | Tiqets | Viator | Fever |
|---|---|---|---|---|---|
| Schema.org / datos estructurados | ✓ Presente (Product + Offer) | Presente | Presente | Presente | SPA (Angular) |
| Form labels HTML | Solo JS (no semantico) | Probable OK | Probable OK | Probable OK | Modales (no verificable) |
| Alt text imagenes | Generico / vacio | Probable OK | Probable OK | Probable template | Probable template |
| Heading hierarchy | h2 para "Menu" | Logica | Logica | Logica | SPA (varia) |
| Skip-to-content | Presente ("Ir al contenido") | Probable | Probable | Probable | No |
| prefers-reduced-motion | Implementado (window.matchMedia) | No verificable | No verificable | No verificable | No verificable |
| Color como unico indicador | Badges con texto | Badges + estrellas | Badges + texto | Badges + texto | Badges + ratings |
CdT ya tiene Schema.org con tipos Product y Offer (renderizado via JavaScript, confirmado en Google Rich Results Test).
Los datos estructurados incluyen Product (name: "Barcelona Bus Turistic hop on hop off"), Offer (price: 29.7, currency: EUR) y multiples variantes de oferta. El rastreo automatizado no los detecto porque se renderizan client-side, pero Google si los indexa correctamente.
Oportunidad SEO: ampliar Schema.org con BreadcrumbList y AggregateRating.
Anadir BreadcrumbList mejoraria la navegacion en resultados de busqueda. Cuando se implemente el sistema de resenas, anadir AggregateRating habilitaria estrellas en Google — el elemento visual mas impactante para CTR organico.
Los form labels de TdB se gestionan via JavaScript, no HTML semantico.
Esto significa que los lectores de pantalla pueden tener dificultades para asociar campos de formulario con sus etiquetas. La solucion es sencilla: anadir atributos
for y id correspondientes en el HTML.
Nota positiva: la plataforma Magento/Hyva de CdT ya tiene la infraestructura para gran parte de las mejoras identificadas.
Schema.org ya esta implementado (Product + Offer). Los modulos de resenas, cross-sell (recently viewed, related products) y calendario de disponibilidad existen en la plataforma pero no estan activados o visibles. Esto significa que muchas de las recomendaciones de este informe son trabajo de activacion y configuracion, no de desarrollo desde cero — lo que reduce significativamente los plazos y costes de implementacion.
Auditoría UX/UI — v4
90+ capturas analizadas (Playwright automatizado + capturas manuales mobile + verificación interactiva CdT)
Análisis: ui-ux-pro-max (10 categorías, 100+ reglas) · web-design-guidelines · accesslint (WCAG) · Lighthouse v13 (CWV) · Hook Model (Nir Eyal) · CRO Methodology
Benchmarks: Baymard Institute · Spiegel/Northwestern · BrightLocal · CSA Research · McKinsey · Deloitte/Google · Fogg Behavior Model
Preparado para Turisme de Barcelona · Abril 2026
Análisis: ui-ux-pro-max (10 categorías, 100+ reglas) · web-design-guidelines · accesslint (WCAG) · Lighthouse v13 (CWV) · Hook Model (Nir Eyal) · CRO Methodology
Benchmarks: Baymard Institute · Spiegel/Northwestern · BrightLocal · CSA Research · McKinsey · Deloitte/Google · Fogg Behavior Model
Preparado para Turisme de Barcelona · Abril 2026