Desde marzo de 2022, comenzamos a colaborar con Accelya Group, trabajando sobre un sitio web heredado, desarrollado previamente por una empresa de Londres. Tras un análisis detallado, concluimos que, aunque el desarrollo era reciente, no cumplía con las necesidades del equipo de marketing ni permitía escalar su estrategia digital. La solución pasaba por una renovación integral del sitio web.
En una primera fase, la prioridad fue mejorar la web existente para optimizar los ratios de conversión. No tenía sentido plantear un rediseño completo en ese momento, dado que el sitio era relativamente nuevo y el esfuerzo para desarrollar una web desde cero implicaba tiempos que no encajaban con las necesidades inmediatas del equipo de marketing.
Sin embargo, en junio de 2024, tomamos la decisión de crear un nuevo sitio web corporativo que cubriese todas las necesidades del equipo de marketing. Gracias a la colaboración estrecha con sus equipos de diseño y contenidos, conseguimos lanzar la nueva web B2B a finales de septiembre en tiempo récord.
En octubre de 2024 lanzamos la nueva plataforma de Accelya Group, un sitio web orientado a la captación de leads de alta calidad, diseñado para ser escalable, rápido y fácil de gestionar por el propio equipo de marketing. Aquí te contamos cómo lo hicimos.
Accelya Group: tecnología de vanguardia para la transformación digital de la industria aérea
Accelya Group es un socio estratégico de referencia en el sector aéreo, con más de 40 años de experiencia, impulsando la eficiencia y la rentabilidad de más de 400 aerolíneas y agencias de viajes en todo el mundo. A través de su plataforma de software integral, Accelya lidera la transformación digital de la industria de viajes y transporte, ofreciendo soluciones B2B escalables que mejoran la gestión financiera, la experiencia del pasajero y la maximización del revenue.
Crear un sitio B2B adaptable, rápido y orientado a la generación de leads de alta calidad
El principal objetivo con Accelya Group fue desarrollar un nuevo sitio web corporativo B2B que resolviera las limitaciones técnicas y operativas del anterior.
Trabajamos para mejorar el rendimiento y optimizar el SEO, facilitando la captación de leads cualificados a través de integraciones avanzadas con HubSpot y Google Tag Manager.
Además, implementamos una estructura flexible en WordPress, que permite al equipo de marketing gestionar contenidos y campañas de forma ágil, potenciando la experiencia de usuario y la conversión.
Una arquitectura digital personalizada para potenciar la autonomía del equipo de marketing y la captación de leads B2B
Nuestra estrategia con Accelya Group se centró en construir una experiencia digital a medida en WordPress, combinando Full Site Editing y bloques personalizados de Gutenberg para ofrecer máxima flexibilidad al equipo de marketing.
Integramos HubSpot y Google Analytics 4 para un seguimiento avanzado de leads, y creamos una zona centralizada de banners que permite lanzar y medir campañas internas de forma autónoma.
Además, optimizamos el rendimiento web y la seguridad, migramos los microsites de HubSpot a WordPress, e implementamos OneTrust para una gestión avanzada del consentimiento de cookies y tracking. Todo bajo un Design System B2B coherente con la identidad de Accelya, orientado a escalar su estrategia de generación de demanda global.
Problemas y necesidades que detectamos
El desarrollo heredado presentaba problemas de SEO técnico, como menús sin URLs que funcionaban únicamente mediante eventos de JavaScript y páginas en blanco en algunas categorías y etiquetas. También detectamos vulnerabilidades de seguridad y deficiencias en el rendimiento que requerían atención inmediata.
Otra necesidad clave era mejorar la conexión e integración con HubSpot y Google Tag Manager, así como centralizar y unificar el estilo de los microsites alojados en HubSpot.
Además, reagrupamos los diferentes tipos de contenidos de recursos en un único tipo, lo que nos permitió mejorar la arquitectura de URLs y realizar la migración correspondiente sin pérdida de información ni de posicionamiento. Esta acción no sólo simplificó la gestión de los recursos, sino que también mejoró la navegación y la experiencia de usuario.
Gráfico de Google Search Console donde se observa un aumento en las solicitudes de rastreo, reflejando la mejora en la arquitectura web y el SEO técnico tras resolver problemas de rendimiento y seguridad.
Así mejoramos la experiencia digital de Accelya Group
El sitio web original presentaba serias limitaciones de rendimiento, usabilidad y escalabilidad. A nivel visual tampoco transmitía la solidez tecnológica, ni el posicionamiento global de la marca.
Gracias a nuestra colaboración, logramos desarrollar una nueva plataforma totalmente adaptada a las necesidades del equipo de marketing, mejorando la autonomía, el rendimiento y la capacidad de generar demanda de forma más eficaz.
Aquí puedes ver el cambio:
Vista del antiguo sitio web de Accelya, limitado en rendimiento y experiencia de usuario.
Nueva plataforma digital de Accelya con diseño modular, escalable y centrado en el usuario.
Del HubSpot disperso a un WordPress unificado
En la fase inicial del proyecto, mientras resolvíamos las necesidades inmediatas del equipo de marketing, continuamos trabajando con los microsites en HubSpot, creando nuevas páginas, desarrollando componentes y aplicando estilos personalizados para garantizar la coherencia visual con el sitio principal.
Estructura modular utilizada en los microsites de HubSpot antes de su migración a WordPress, optimizada para facilitar el trabajo del equipo de marketing mediante bloques personalizables.
Posteriormente, cuando dispusimos de tiempo en la planificación, llevamos a cabo la migración de estos microsites a WordPress, adaptando los contenidos y funcionalidades en la web heredada. Esto permitió centralizar toda la gestión en una única plataforma, ofreciendo una experiencia unificada y facilitando el trabajo diario del equipo de marketing a través de bloques de Gutenberg y una estructura de gestión mucho más flexible y escalable.
Mejorando la velocidad de carga del sitio web
Realizamos un análisis de rendimiento del sitio y, aplicando técnicas de Web Performance Optimization (WPO), conseguimos una mejora significativa en la velocidad de carga, tanto en dispositivos móviles como en escritorio. Esto no solo mejoró la experiencia de usuario, sino que también tuvo un impacto positivo en el posicionamiento SEO.
Gracias a este análisis, detectamos y solucionamos un problema importante: la librería de YouTube se cargaba en todas las páginas, incluso en aquellas sin vídeo. Optimizamos el comportamiento para cargar la librería solo cuando era necesario, lo que supuso una mejora considerable en el rendimiento del sitio.
Análisis de carga que evidencia el impacto negativo de la librería de YouTube al cargarse en todas las páginas. La optimización posterior mejoró significativamente la velocidad de carga del sitio.
Pasamos de una puntuación roja de 35 a una naranja de 58 en PageSpeed Insights, logrando una reducción sustancial en los tiempos de carga y mejorando la percepción de la web tanto para los usuarios como para los buscadores.
Antes: puntuación roja de 35 en PageSpeed Insights, indicando problemas críticos de rendimiento web.
Después: puntuación mejorada a 58 en PageSpeed Insights tras la optimización de velocidad y carga de recursos.
Zona de banners y tracking de leads: autonomía y analítica en tiempo real
Creamos una zona centralizada de banners gestionable desde WordPress, mediante bloques Gutenberg personalizados que permiten seleccionar banners según los parámetros Source y Location.
Estos parámetros se integran con el datalayer de Google Analytics, registrando tanto las impresiones como los clics para medir el CTR y la conversión de cada campaña. Al disparar el evento, cuando el banner se muestra en pantalla, es posible analizar en detalle el comportamiento de los usuarios y la efectividad de cada acción.
Además, generamos URLs únicas con parámetros UTM que se integran con HubSpot, lo que permite rastrear la conversión y analizar los resultados desde el formulario hasta el registro final.
Esta solución ha permitido al equipo de marketing gestionar sus campañas internas de forma autónoma, lanzando promociones, descargables, o recursos sin necesidad del equipo de desarrollo. También ha mejorado su capacidad para medir y optimizar los resultados en tiempo real, incrementando la eficacia de sus acciones.
Ejemplo de banner que desarrollamos en la web anterior, con tracking de leads integrado en una zona de WordPress. Permite medir en tiempo real el rendimiento de campañas mediante Google Analytics y HubSpot. Completamente configurable: colores de fondo, texto, CTA y animación
Onetrust: gestión avanzada del consentimiento de cookies y tracking
Integramos OneTrust con Google Tag Manager, configurando un sistema que interactúa de forma dinámica con la web según el nivel de consentimiento que selecciona el usuario. Esta integración permite activar o desactivar etiquetas y píxeles de seguimiento (como Intentsify) de acuerdo con los niveles de aceptación definidos (C001, C002, C003 y C004).
Gracias a esta solución, garantizamos el cumplimiento normativo en materia de privacidad y optimizamos el uso de los datos disponibles, activando solo aquellos recursos que cada visitante ha autorizado de manera explícita.
Facilitando la gestión de contenidos: patrones y bloques de Gutenberg a medida
Desarrollamos un sistema modular basado en patrones y bloques personalizados en Gutenberg, que facilita al equipo de marketing la creación de landings, recursos y nuevas páginas sin necesidad de soporte técnico.
Incluimos bloques específicos para la captación de leads mediante HubSpot, y un bloque con todos los iconos del Design System de Accelya. Esto garantiza que los contenidos se mantienen coherentes con la identidad visual de la marca y permite acelerar la publicación de nuevos contenidos en múltiples idiomas.
Bloque personalizado de Gutenberg con integración de formularios de HubSpot, diseñado para simplificar la captación de leads y el seguimiento de eventos en Google Analytics 4 (GA4).
Animaciones y efectos con propósito
Aunque evitamos animaciones innecesarias para garantizar el rendimiento, desarrollamos algunos bloques reutilizables con animaciones ligeras, como en la página de soluciones FLX ONE. Nuestro enfoque prioriza la experiencia de usuario y el rendimiento, añadiendo solo aquellas animaciones que aportan valor al contenido.
Resultados y próximos pasos
Gracias a este proyecto, Accelya Group cuenta ahora con un sitio web B2B rápido, escalable y alineado con las necesidades de su equipo de marketing.
La nueva plataforma les permite gestionar campañas y contenidos de forma autónoma, mejorando la captación de leads y el análisis de resultados.
Seguimos colaborando con Accelya Group para implementar nuevas funcionalidades y mejorar la conversión. Una web corporativa debe estar viva y evolucionar al ritmo de las necesidades de negocio y los usuarios.
¿Estás pensando en la actualización de tu sitio web antiguo? En Bubuku I Code te ayudamos a transformar tu web B2B en una herramienta de captación de leads efectiva y adaptable. Hablamos?.
