En 2021 nos metimos en un proyecto que se parecía más a una montaña rusa que a un trabajo. ¡Pero valió la pena! Al final logramos crear una web nueva y mejorada, a partir de una que estaba llena de problemas. ¡Y todavía estamos dándole mejoras! ¿Quién dice que el trabajo no puede ser divertido?
Solucionar problemas graves de rendimiento en WordPress
Antes de comenzar con el nuevo desarrollo tuvimos primero que estabilizar la web actual de GameLearn que tenía como constructor visual «WPBakery Visual Composer», para el multiidioma «Polylang», y «52 plugin» instalados.
Solucionamos varios problemas graves y uno de ellos era el consumo de los plugin. En estas imágenes podemos ver la importancia de elegir el plugin más adecuado para WordPress.
Reemplazamos algunos plugins por otros que brindaban las mismas funcionalidades, pero con un menor consumo de recursos del servidor, y desinstalamos aquellos que no eran esenciales.
En el caso de GameLearn, realizamos una acción de optimización de velocidad de la web en WordPress que permitió reducir el tiempo de carga de la web en un 70%. Esto se tradujo en una mejora de la experiencia del usuario, la reducción del abandono de la página y una mejora del posicionamiento SEO.
Como resultado de esta optimización, también logramos eliminar las micro caídas y estabilizamos el servidor, especialmente en el lado de administración. Esto permitió a los equipos de marketing y contenidos poder trabajar sin interrupciones, mejorando su eficacia.
Migración de contenido
Uno de los requisitos que tenía el desarrollo de la nueva web era eliminar cualquier rastro de la web ya existente, debido a que daba muchos problemas por la multitud de plugin. Solo funcionaba en la versión de PHP 5.6.40 por un theme comercial absoleto y descontinuado.
Lo único que teníamos que intentar recuperar eran los artículos del blog que estaba realizado con el editor visual «WPBakery Visual Composer» y utilizaban para el multiidioma el plugin «Polylang», el cual tuvimos que migrar al plugin «WPML» que es el que se utilizaría en la nueva web.
Para ello estuvimos haciendo pruebas en un entorno local hasta que conseguimos parar todo el contenido de los artículos en ese instante.
Integración con Salesforce / Pardot
Personalización de Formularios de Salesforce
A los formularios de Salesforce les hemos dado estilo según el equipo de diseño y UX/UI, tarea relevante debido a que era la entrada de Lead.
Estuvimos valorando la posibilidad de integrarlo mediante iframe, o Form Handlers, pero debido a nuestra experiencia con casos anteriores, finalmente optamos por iframe. De esta manera evitaríamos spam y daríamos mayor flexibilidad al equipo de Marketing a la hora de crear formularios.
Integrar formularios de Salesforce con GA4
Hemos integrado los formularios de Salesforce con Google Analytics 4 (GA4) para mejorar la experiencia del usuario y la capacidad analítica.
Esto incluye la adaptación estética de los formularios a nuestro diseño web, y mejoras en funcionalidades.
La integración con GA4 permite un seguimiento en tiempo real y un análisis profundo del comportamiento del usuario, lo que respalda la toma de decisiones basadas en datos y la mejora continua de su presencia en online.
Guardar parámetros UTMS en formularios de Salesforce
Con el propósito de facilitar la identificación y seguimiento de la procedencia de leads en los formularios de Salesforce, diseñamos y desarrollamos una nueva funcionalidad destinada a la adquisición y gestión de parámetros UTMs provenientes de URLs.
Esta solución se establece como un componente clave en una estrategia de adquisición de datos y análisis de la efectividad de campañas.
El proceso de ejecución de esta funcionalidad se despliega en dos etapas fundamentales: en primer lugar, se capturan y almacenan los parámetros UTMs que se transmiten a través de las URLs de acceso, permitiendo así su posterior recuperación y uso en los formularios de Pardot. Esta metodología asegura que tengamos la capacidad de rastrear y asignar con precisión la fuente de origen de cada lead, determinando de manera efectiva desde qué campaña se generaron.
En segundo lugar, los parámetros UTMs se mantienen almacenados durante el período de relevancia de la campaña en curso, gracias a la implementación de cookies que garantizan su disponibilidad en los formularios cuando los leads los requieran. Esta medida asegura la continuidad en la recopilación y utilización de datos relevantes para el análisis de desempeño de las campañas, y el enriquecimiento de la estrategia de adquisición de leads.
Este enfoque, fundamentado en la captura, retención y utilización estratégica de los parámetros UTMs, constituye una valiosa herramienta para el fortalecimiento de la estrategia de marketing y la maximización de la eficiencia en la identificación de oportunidades de conversión. Como resultado, nuestro compromiso permanece en la vanguardia de la innovación tecnológica en la búsqueda de un rendimiento óptimo en Salesforce.
Reducir formularios Pardot sin perder información del Lead
Para optimizar la experiencia del usuario, y maximizar las tasas de conversión, implementamos una estrategia eficiente que implica la reducción de los formularios en Pardot sin sacrificar la integridad de los datos capturados. Este proceso se inicia extrayendo información crucial de diversas fuentes, incluyendo el nombre de la empresa a partir del dominio del correo electrónico del usuario, y el país obtenido a través de la IP del usuario y la consulta a una API.
El objetivo es simplificar la interacción del usuario con nuestros recursos, minimizando la complejidad percibida y reduciendo la longitud de los formularios, mitigando así cualquier posible reticencia del usuario a completarlos debido a su extensión. De manera concluyente, esta estrategia ha resultado en un aumento notable de las tasas de conversión, con un incremento del 20% en la eficiencia de captación de leads.
Con la intención de mejorar la experiencia del usuario, y aumentar la efectividad de la obtención de datos, representa una estrategia de vanguardia que demuestra nuestro compromiso con la optimización continua de los procesos de captación de leads en el ecosistema Pardot.
Dando forma al proyecto
Una vez estabilizada la web actual y migrado el contenido a un WordPress limpio, nos pusimos a trabajar con el equipo de Marketing, diseño y UX/UI de GameLearn para conseguir una web bonita, usable, rápida y sobre todo fácil de manejar por el equipo de marketing, ya que sería su herramienta de trabajo.
Después de varias reuniones para definir requisitos nos pusimos manos a la obra. Utilizamos bastantes vídeos en modo local que podían afectar al rendimiento de la página, pero al final lo solucionamos de la mejor forma posible.
Unificamos los Artículos del blog, Casos de éxito e Informes y Whitepapers, con filtros y rutas personalizas. Una de las funcionalidades más complejas fue el comparador de los planes, puesto que queríamos que resultase lo más sencillo posible de gestionar.
Desarrollamos diferentes slider específicos para el proyecto siguiendo las indicaciones de su equipo de diseño UX/UI, multiidioma y 100% gestionado a través de WordPress.
En resumen, para cumplir con este objetivo, desarrollamos una web atractiva, optimizada y fácil de usar, con un tema a medida basado en WordPress desarrollado partiendo de un diseño realizado con Sketch que nos facilitó su equipo de diseño.
Creación de plantillas para email y landings Salesforce/Pardot
El equipo de marketing nos comunicó que necesitaba unas plantillas para crear landing y emails en Salesforce. Nos facilitaron el diseño y desarrollamos plantillas a las que se le podían duplicar bloques, eliminar, mover hacia arriba y abajo, etc.
Podéis ver aquí algunos vídeos de la funcionalidad que desarrollamos.
Desarrollo del filtrado de la zona de recursos y búsqueda
Partiendo del diseño inicial facilitado por el equipo de UX/UI, llevamos a cabo un análisis exhaustivo para identificar posibles modificaciones que simplifiquen el desarrollo y mantenimiento posterior de la sección. Las decisiones de diseño y desarrollo han sido tomadas con el objetivo de garantizar una interfaz atractiva y una estructura que sea fácil de mantener y evolucionar en el tiempo.
Durante el desarrollo, se analizaron posibles modificaciones para simplificar el desarrollo y mantenimiento posterior. Como resultado de este análisis, se realizaron los siguientes cambios:
- Se crearon los filtros de tipología y sector en un único lugar para simplificar el desarrollo y el mantenimiento de la lógica del filtrado.
- Se añadió un buscador que permitiera a los usuarios encontrar recursos más fácilmente.
- Se sustituyó la paginación tradicional por un botón de «cargar más», aunque no es lo mejor para la parte SEO, facilita la navegación a los usuarios.
Los cambios realizados en el diseño original han mejorado la funcionalidad y la experiencia de usuario del filtrado de la zona de recursos y búsqueda.
Página de Planes
Otro apartado delicado era la sección de Planes. Las páginas de precios siempre suele ser el mayor reto, sobre todo cuando uno de nuestros lemas es facilitar la inserción de contenido al equipo de contenidos para que no sea un dolor de cabeza.
Al ser 100% editable suele ser bastante complicado dependiendo de la complejidad del diseño y funcionalidades. En este caso teníamos dos, uno para empleados y otro para clientes, con sus respectivos comparadores.
Plataforma de Soporte: Ayuda y Recursos para Alumnos de Gamelearn
Creamos una nueva web multiidioma junto a GameLearn para dar apoyo y recursos exclusivos a los estudiantes de la academia Gamelearn.
Este portal ha sido diseñado pensando en la comodidad y accesibilidad de sus usuarios. Con una interfaz amigable y fácil de navegar, el sitio proporciona una amplia gama de recursos que complementan el aprendizaje en la plataforma principal de Gamelearn. Desde preguntas frecuentes hasta tutoriales paso a paso, su objetivo es asegurar que cada estudiante tenga acceso a la información que necesita, cuando la necesita.
En el desarrollo de este sitio, hemos empleado un tema básico de Kadence, respaldado por los bloques de Gutenberg, para garantizar una experiencia de usuario atractiva y eficiente. Además, hemos integrado el plugin «echoknowledgebase» de documentación, permitiendo una gestión eficaz de la base de conocimientos y una respuesta ágil a las consultas de los alumnos.
… Y para finalizar
Seguimos dando apoyo al equipo de marketing con otras pequeñas web corporativas, y creando documentación de los procesos para que sean los más «autosuficientes» posibles. Continuamos desarrollando nuevas funcionalidades a la web, y optimizando lo ya existente para que vaya lo más rápido posible.
