Auditoria UX/UI: This de Barcelona
vs. GetYourGuide, Tiqets, Viator, Fever — Abril 2026
El nuevo ecommerce del CdT tiene una base solida y una posicion de marca privilegiada como portal oficial de turismo de Barcelona. El analisis identifica areas concretas donde incorporar funcionalidades ya estandar en el mercado permitiria a TdB transformar esa ventaja de marca en ventaja de conversion. Las oportunidades mas impactantes estan en la experiencia mobile, la integracion de prueba social, y la visibilidad de disponibilidad en las paginas de producto.
Esta auditoria incorpora 70+ capturas de 5 sitios web. Los 3 benchmarks transaccionales principales (GetYourGuide, Tiqets, Viator) comparten el objetivo de venta de tickets. Fever se incluye como referencia de modelo inspiracional.
This de Barcelona
2.3
/ 5.0
GetYourGuide
4.3
/ 5.0
Tiqets
3.8
/ 5.0
Viator
3.6
/ 5.0
Fever Ref. inspiracional
3.4
/ 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 | 3.0 | 3.9 | 3.2 | 3.0 | 2.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.3 | 3.8 | 3.7 | 3.4 |
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 | 1.0x | 3.0 | 3.9 | 3.2 | 3.0 | 2.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 ARITMETICA | 2.3 | 4.3 | 3.8 | 3.6 | 3.4 | ||
| MEDIA PONDERADA | 11.5x | 2.3 | 4.3 | 3.9 | 3.8 | 3.4 |
La ponderacion apenas mueve las posiciones: el ranking se mantiene GYG > Tiqets > Viator > Fever > CdT.
Las categorias de mayor peso en conversion (Touch/Mobile P2, Formularios P8) son precisamente donde CdT tiene mas distancia con los competidores. Viator sube ligeramente (3.6 → 3.8) gracias a sus fuertes P2 y P8, mientras que Fever baja marginalmente (3.4 → 3.4) por su menor rendimiento en formularios y accesibilidad.
Top 10 Oportunidades de Mejora por Impacto
- Refinar contraste en contextos secundarios — El CTA principal (sticky bar) muestra rojo (#ac0c22) sobre blanco con ratio 7.42:1, cumpliendo WCAG AA. El ratio 2.30:1 aplica al rojo sobre navy en contextos decorativos secundarios. Oportunidad: ajustar esos elementos secundarios para consistencia de accesibilidad en toda la pagina.
- Enriquecer el sticky CTA mobile — La barra fija de compra ya existe, pero solo muestra precio + "Reservar". Anadir rating, badges de confianza ("Cancelacion gratuita", "Confirmacion instantanea") y disponibilidad elevaria su eficacia al nivel de GYG y Tiqets.
- Hacer visible el calendario de disponibilidad en la pagina de producto — El calendario existe tras click en "Reservar", pero no es visible directamente en la pagina de producto. Hacer visible la disponibilidad directamente en la pagina de producto — sin necesidad de iniciar el proceso de reserva — como hacen GYG, Tiqets y Viator con calendarios inline, eliminaria incertidumbre y fricciones.
- Incorporar sistema de resenas y valoraciones — La prueba social es el factor de confianza mas poderoso para turistas internacionales. Incluso ratings agregados basicos marcarian una diferencia significativa.
- Evolucionar a layout 2-columnas con sidebar de reserva — Un widget de reserva lateral fijo (como GYG/Tiqets/Viator) permite al usuario ver opciones y precios mientras lee detalles del producto.
- Explorar fondo claro para areas de contenido — Manteniendo el navy como identidad de marca en header/footer, un fondo claro en el area de productos maximizaria el impacto visual de las imagenes y la legibilidad mobile al sol.
- Ampliar Schema.org: anadir BreadcrumbList y AggregateRating — CdT ya tiene Schema.org con Product y Offer (renderizado via JavaScript). Anadir BreadcrumbList y, cuando existan resenas, AggregateRating para mostrar estrellas en Google. Mejora directa de CTR organico.
- Enriquecer las tarjetas de producto — Anadir rating, duracion y badges a las tarjetas del listado (actualmente imagen + titulo + precio) daria al usuario mas informacion para decidir sin entrar en cada producto.
- Activar modulos de cross-sell existentes en Magento — Los modulos de cross-sell (recently viewed, related products) ya existen en la plataforma Magento pero no estan activados/populados. Activarlos y popularlos con productos relacionados crearia rutas de descubrimiento y aumentaria el ticket medio con minimo esfuerzo de desarrollo.
- Inspiracion: "Traveler Photos" de Viator — Una galeria de fotos de usuarios reales post-visita seria un diferenciador potente para TdB, aprovechando su posicion como portal oficial de Barcelona.
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 — Comparativa
Análisis del camino desde la página de producto hasta el inicio del checkout. Se evaluó cuántos clics necesita el usuario para ver disponibilidad, seleccionar opciones y conocer el precio final.
PDP → Reserva: Comparativa Visual
Above the Fold — Desktop PDP (Bus Turístic) comparativa
CdT
Precio + botón «Reservar». Sin calendario, sin opciones, sin reviews.
GYG
Galería + rating + highlights + widget de reserva lateral con calendario.
Tiqets
Mapa + galería + highlights + widget de reserva con opciones y precios.
Después de pulsar el CTA principal crítico
GYG
Al pulsar «Check availability»: calendario inline con fechas disponibles, selección de opciones y precios visibles sin salir de la página.
CdT
Al pulsar «Reservar» en CdT: se abre el proceso de reserva sin haber mostrado calendario, opciones ni precio total. El usuario reserva «a ciegas».
Embudo de Reserva: Clics hasta ver Disponibilidad
| Paso | CdT | GYG | Tiqets | Viator |
|---|---|---|---|---|
| Ver precio | Visible en PDP | Visible en PDP | Visible en PDP | Visible en PDP |
| Ver disponibilidad / calendario | Tras click en «Reservar» | Visible en PDP (sidebar) | Visible en PDP | Visible en PDP (sidebar) |
| Ver opciones/variantes con precios | Tras click en «Reservar» | Inline en sidebar | Selector con «Best value» | Inline en sidebar |
| Seleccionar participantes | Tras click en «Reservar» | En sidebar | En flow | En sidebar |
| Ver coste total antes de checkout | NO | SÍ | SÍ | SÍ |
| Reviews/prueba social visible | NO | Rating + texto + fotos | Puntuación + texto | Estrellas + fotos + filtros |
| Clics hasta confirmar selección | 1 clic «a ciegas» | 0 — todo en PDP | 0 — todo en PDP | 0 — todo en PDP |
CdT es el único sitio que obliga al usuario a pulsar «Reservar» sin saber si hay disponibilidad para su fecha.
Los 3 competidores muestran calendario, opciones y precio total directamente en la página de producto. Según Baymard Institute (2026), el 14% de los abandonos se producen porque el usuario no puede ver el coste total antes de iniciar el checkout. En turismo, la tasa de abandono alcanza el 81% (SaleCycle) — 11 puntos por encima del ecommerce general.
Dato clave: la conversión móvil en viajes es del 0.7% frente al 2.4% en desktop (3.4x menos).
Cada fricción adicional en mobile tiene un impacto desproporcionado. Ocultar la disponibilidad tras un clic en mobile es especialmente costoso para el turista que está delante de la atracción con su teléfono.
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.
Recomendaciones (22)
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). Anadir atributos for/id en formularios para accesibilidad. Cambios CSS + HTML menores.
CORTO PLAZO — 1-3 meses
9
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.
10
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).
11
Galeria swipe mobile
Reemplazar thumbnails estaticos por carrusel swipeable con dots de navegacion. Los 3 competidores usan este patron en mobile.
12
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.
13
Meta descriptions optimizadas
Crear meta descriptions unicas por pagina de producto con precio, rating (cuando existan) y USP. Actualmente genericas o pendientes de crear.
14
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
15
Combinaciones / Packs
Crear bundles tipo "Sagrada Familia + Park Guell" con descuento sobre precio individual. Modelo Tiqets "Best-picked combinations". Aumenta ticket medio significativamente.
16
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.
17
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.
18
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.
19
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.
20
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.
21
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).
22
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) · Google Lighthouse v13 (Core Web Vitals)
Benchmarks: Baymard Institute · Spiegel/Northwestern · BrightLocal · CSA Research · McKinsey · Deloitte/Google
Preparado para Turisme de Barcelona · Abril 2026
Análisis: ui-ux-pro-max (10 categorías, 100+ reglas) · web-design-guidelines · accesslint (WCAG) · Google Lighthouse v13 (Core Web Vitals)
Benchmarks: Baymard Institute · Spiegel/Northwestern · BrightLocal · CSA Research · McKinsey · Deloitte/Google
Preparado para Turisme de Barcelona · Abril 2026