Cambio de comunicación visual

Desde entonces, hemos evolucionado como su partner de desarrollo web WordPress, acompañándolos en el rediseño completo de su sitio, la optimización de la velocidad y la implementación de nuevas herramientas.

Gracias a este enfoque, la nueva web no solo es más rápida y sencilla de gestionar, sino que también ha sido capaz de adaptarse al reciente cambio de imagen hacia Pluxy de forma eficiente, gracias al Design System que establecimos desde el inicio.

Una transición ágil gracias a un Design System robusto

Después de cuatro años de colaboración continua, la web de Cobee ha dado un nuevo paso adelante con su integración en el ecosistema Pluxee.

Gracias a que desde el inicio desarrollamos el sitio sobre un Design System sólido, acordado en conjunto con su equipo de diseño, la transición de marca se llevó a cabo de forma ágil y eficiente.

Contar con tokens de diseño bien definidos (colores, tipografías, espaciados…) simplificó al máximo la implementación de la nueva identidad visual. Esto no solo garantizó la coherencia en toda la plataforma, sino que también facilitó la gestión futura del sitio.

Esta estructura modular ha permitido actualizar la imagen en un tiempo récord y mantener la escalabilidad del proyecto. Refuerza nuestra capacidad como partner de desarrollo web WordPress para equipos de marketing que buscan agilidad, autonomía y un ecosistema digital alineado con los objetivos de negocio.

Equipo y arranque en la primera versión

Nuestra colaboración con Cobee comenzó cuando su equipo de marketing gestionaba una versión anterior de la web realizada en Divi. En aquel momento, se enfrentaban a varios desafíos técnicos: tenían dificultades para implementar formularios de HubSpot, necesitaban integrar un sistema para la activación de clientes mediante diferentes formularios y conectar con su API.

Además, tenían claro que en el futuro querían una web más rápida, más sencilla de gestionar y, sobre todo, escalable. Ese fue el punto de partida para plantear una nueva arquitectura técnica que sentara las bases del proyecto a largo plazo.

Diseño y primeros pasos

Una vez tomada la decisión de rediseñar la web desde cero, se probaron distintas propuestas con varios equipos de diseño externos. Ninguna terminaba de encajar hasta que apareció Miguel, que aportó una propuesta visual que convenció desde el primer momento.

A partir de ahí, colaboramos estrechamente con los equipos de marketing, diseño y contenido para ajustar el diseño a las necesidades de desarrollo y usabilidad, basándonos en nuestra experiencia con WordPress.

Durante todo el proceso, el uso de Figma fue clave para mantener una comunicación fluida y una coordinación eficaz entre todos los equipos involucrados. Esta etapa fue el punto de partida para establecer un sistema de trabajo que ha permitido mantener la coherencia y flexibilidad del proyecto hasta hoy.

Personalización de los formularios de HubSpot

Uno de los primeros retos que abordamos en la nueva web de Cobee fue la personalización avanzada de los formularios de HubSpot, tanto a nivel visual como funcional.

Por un lado, trabajamos la personalización estética, adaptando los formularios al diseño aprobado mediante CSS para garantizar una integración perfecta con el estilo visual de la web. Por otro, desarrollamos funcionalidades adicionales en JavaScript que permitieran al equipo de marketing tener un control mucho mayor sobre las interacciones de los usuarios.

Una de las claves fue permitir que el equipo pudiera gestionar condicionales directamente desde la administración de WordPress. Esto les daba la posibilidad de redirigir usuarios, mostrar mensajes personalizados o activar flujos de conversión específicos, según los valores introducidos en los formularios. Todo ello sin depender de desarrollo técnico adicional.

Además de los formularios, extendimos esta personalización a otros componentes de HubSpot, como los calendarios de reservas y banners, asegurando siempre la coherencia visual con la marca y facilitando la gestión autónoma de estos elementos por parte del equipo de marketing.

Creación de emails en Sendgrid, HubSpot y Salesforce

Como parte del trabajo de soporte continuo para el equipo de marketing de Cobee, desarrollamos diferentes plantillas de email personalizadas para sus principales plataformas de comunicación: Sendgrid, HubSpot y Salesforce.

Cada plantilla fue diseñada respetando las directrices visuales del Design System que definimos junto al equipo de diseño, lo que garantizó coherencia en la identidad de marca.

• En Sendgrid, creamos plantillas modulares que permiten al equipo de marketing construir campañas dinámicas y adaptables según sus necesidades.
• En HubSpot, integramos las plantillas dentro de sus workflows automatizados, asegurando que la experiencia de usuario fuera consistente desde la web hasta el email.
• En Salesforce, desarrollamos plantillas para sus comunicaciones transaccionales y de seguimiento, manteniendo el mismo nivel de personalización y diseño en cada etapa del customer journey.

Esta integración multicanal ha permitido al equipo de Cobee mantener una experiencia unificada para sus usuarios, facilitando al equipo de marketing la gestión autónoma de sus campañas sin sacrificar el diseño ni la consistencia visual.

Mejorando la velocidad de carga del site

Desde el lanzamiento de la web, uno de los objetivos clave ha sido mantener un rendimiento óptimo y una excelente velocidad de carga, tanto en desktop como en móvil.

Aunque al inicio del proyecto se priorizó la entrega de una primera versión funcional dentro de los plazos acordados, establecimos un proceso de optimización continua, basado en monitorización constante y en la implementación de mejoras progresivas.

A lo largo de los años hemos llevado a cabo diversas acciones para reducir los tiempos de carga, como la optimización de imágenes, la revisión y limpieza del código, la implementación de carga diferida (lazy loading) y la mejora en la gestión de recursos estáticos (JS, CSS).

El resultado se refleja en las métricas obtenidas con herramientas como Google Lighthouse y otros sistemas de análisis de rendimiento, donde la web sigue destacando por su rapidez, usabilidad y eficiencia energética, generando un impacto positivo no solo en la experiencia de usuario, sino también en la sostenibilidad digital.

Durante el proceso de rebranding a Pluxee, cuidamos especialmente que la actualización visual no afectara al rendimiento del sitio. Gracias a la estructura modular y el uso de un Design System eficiente, el impacto fue mínimo y conseguimos mantener los excelentes tiempos de carga logrados en las versiones anteriores.

Además, hemos comprobado que un sitio rápido mejora significativamente la conversión, facilitando que los usuarios completen formularios o realicen acciones clave sin fricciones.

Colaboración continua y evolución del proyecto

Seguimos optimizando el sitio y mejorando funcionalidades. Una web necesita estar viva y adaptarse al ritmo acelerado en el que cambian los negocios digitales para no perder el tren.

Nuestro compromiso como partner de desarrollo web WordPress incluye la monitorización continua del rendimiento, la integración de nuevas herramientas de marketing y la evolución constante de la plataforma para dar soporte al crecimiento internacional de Cobee.

Si quieres conocer el proceso completo de la primera web que realizamos junto al equipo de Cobee, puedes leer el artículo en su blog:: Nueva web de Cobee 2021.

Además, puedes ver cómo fue la actualización de estilo y el lanzamiento de la nueva web en: Nueva web de Cobee.