Cómo transformamos el sitio web y el negocio de PEI Media con Agile, WordPress y WooCommerce

El año pasado, Pragmatic trabajó con PEI Media para ofrecer una transformación digital de su cartera de sitios web y, en el camino, de su negocio.

Mis colegas de Pragmatic y yo estamos muy orgullosos de los resultados, incluidos los aumentos de tráfico orgánico de hasta un 40 por ciento, por lo que queríamos compartir algunas de las cosas clave que aprendimos de nuestro trabajo, desde observaciones de alto nivel hasta conocimientos prácticos.

PEI Media: de la Deuda Técnica a la Ágil

PEI Media es un grupo internacional de medios financieros con una cartera de marcas. El grupo incorporó a un nuevo director de tecnología en otoño de 2016 y le encargó una transformación digital completa del negocio. Querían crear una plataforma de tecnología moderna y flexible que llevara a los productos premium de la empresa a generar un crecimiento significativo.

Esta fue una marcha cuesta arriba, ya que la empresa estaba agobiada por una deuda técnica severa. Publicar contenido nuevo o cambiar algo en el sitio web, incluso un simple error tipográfico, requería reconstruir todo el sitio web de la noche a la mañana, claramente una situación insostenible en una industria donde la velocidad y la flexibilidad son cruciales. .

Para cambiar cualquier cosa en el sitio web… requería reconstruir todo el sitio web de la noche a la mañana.

PEI Media tuvo buenas tasas de crecimiento anual. Y gracias a una ronda reciente de financiamiento de capital de riesgo, ahora podrían impulsar el crecimiento de ese negocio aún más rápido. Sin embargo, estaba claro que solo una transformación completa de los activos digitales de la empresa les permitiría alcanzar los ambiciosos objetivos que habían establecido para su negocio.

El encargo era volver a desarrollar los ocho sitios web de la empresa para entregar su cartera de productos a través del comercio electrónico de autoservicio, ofreciendo las mejores herramientas disponibles, así como un front-end con un diseño atractivo.

Para satisfacer las necesidades de PEI Media, nuestro equipo en Pragmatic necesitaba una arquitectura conectada de componentes robustos y de alto rendimiento, implementados a través de metodologías ágiles.

Al trabajar con PEI Media, seguimos diligentemente el debido proceso. Esto incluyó adherirse a estándares claros y altos, incorporar documentación estricta y realizar revisiones detalladas antes de decidir soluciones para los problemas que necesitábamos abordar.

Llevamos a cabo un proceso RFP exhaustivo con nuestros futuros socios de PEI Media, explorando qué enfoques, software y arquitectura funcionarían mejor para las tareas en cuestión.

Una vez que nos incorporamos oficialmente para ejecutar este proyecto, comenzamos con un proceso de descubrimiento. Luego creamos una cartera de productos que incorporó todos los requisitos de las diferentes partes interesadas.

¿Por qué WordPress, por qué WooCommerce?

Este era un proyecto de publicación web, por lo que WordPress, el sistema de administración de contenido líder en la web, encajaba perfectamente. La disponibilidad de una amplia gama de potentes complementos y flujos de trabajo editoriales flexibles hicieron que WordPress se destaque en comparación con las plataformas de CMS propietarias que habíamos considerado. .

La flexibilidad de Visual Composer, que hace posible cambiar las páginas web sin necesidad de asistencia de un desarrollador, fue un verdadero atractivo para PEI Media. También demostramos la capacidad de nuestro equipo para iterar rápidamente a través de una serie de temas de terceros, generando rápidamente prototipos hasta que pudimos encontrar uno que coincidiera con la visión de PEI Media para su red de sitios web. Mostrarle a nuestro cliente cómo se vería el sitio les dio confianza en WordPress y en nuestra capacidad para crear los sitios que querían.

WooCommerce le dio a PEI Media una experiencia de pago optimizada. El proceso de pago de comercio electrónico anterior de la empresa incluía no menos de nueve pasos, y con WooCommerce pudimos reducir el número a dos o tres. Esto facilitó el trabajo de los equipos de ventas y esperábamos que también produjera una mejor tasa de conversión.

El proceso de pago de comercio electrónico anterior de la empresa incluía no menos de nueve pasos, y con WooCommerce pudimos reducir el número a dos o tres.

Debido a que PEI Media vende contenido, y los miembros de su equipo estaban acostumbrados a editarlo y producirlo, extender esa gestión de contenido a descripciones e imágenes de productos no fue un gran salto.

Al igual que WordPress, WooCommerce es de código abierto, por lo que nos brinda la flexibilidad de expandir y editar la funcionalidad básica según sea necesario. En este proyecto de nivel empresarial, nuestro cliente estaba distribuido en varias unidades comerciales, cada una de las cuales manejaba cuentas de pérdidas y ganancias separadas e independientes y generaba sus propios ingresos. Esto significaba que teníamos que tener en cuenta varios tipos de contenido diferentes, desde productos físicos hasta acceso a contenido virtual, entradas para eventos y otros. Estos sitios también necesitaban manejar pagos únicos y suscripciones, algo que WooCommerce podría admitir.

El punto de venta final para nosotros fue la extensibilidad de WooCommerce que puede integrarse fácilmente con otras aplicaciones y software, y es altamente conectable, lo que significa que no había límites en las plataformas y servicios a los que podíamos conectar los sitios de PEI Media.

Diseño Técnico de thisispei.com

Para cumplir con algunas de las capacidades que WordPress y WooCommerce no podían proporcionar, como la gestión de derechos , el sistema de permisos que controla el contenido restringido que un usuario puede o no puede ver de acuerdo con una matriz de criterios, implementamos una serie de otros integraciones.

Para administrar el acceso entre diferentes tipos de usuarios (usuarios anónimos, usuarios gratuitos registrados y usuarios de pago de contenido premium), necesitábamos crear una solución sofisticada de PEI Media que pudiera manejar la administración de derechos. La clave de su negocio fue maximizar la tasa de conversión, alentar a los usuarios a pagar, e identificamos varias plataformas en la nube que ya ofrecen esta funcionalidad.

La arquitectura técnica que construimos consistió en WordPress como el CMS y el front-end y WooCommerce para el comercio electrónico. Luego agregamos Blaize, una plataforma de administración de acceso e identidad. Colocamos un servidor proxy frente a WordPress para manejar la administración de identidades, incluido el registro, los inicios de sesión y la administración de cuentas de usuario. Según a qué accedan los visitantes y sus derechos, el servidor proxy genera dinámicamente el contenido relevante.

Optamos por la autenticación sin contraseña y también aprovechamos la capacidad de Blaize para generar la primera página de contenido sin cargo para las solicitudes de página entrantes provenientes de ciertos motores de búsqueda. Este llamado acceso de "primer clic gratis" permite que los motores de búsqueda indexen las páginas y ayuda a que los sitios web se clasifiquen mejor en los resultados de búsqueda.

PEI Media ejecuta una rica plataforma de investigación y análisis de datos, que el equipo utiliza para informar a sus analistas sobre los mercados que cubre la empresa. Para permitir el acceso a estos datos en los sitios web renovados, los pasamos a través de Elasticsearch y construimos un front-end de React para mostrarlos. Logramos agilizar la visualización del contenido editorial junto con los gráficos basados ​​en datos.

Blaize también se conecta al CRM de la empresa para administrar los derechos de WordPress. Una vez que un usuario se registra a través de WooCommerce después de haber comprado un derecho, Blaize actualiza inmediatamente el CRM, lo que le brinda al usuario acceso rápido a contenido premium.

Para mejorar las ventas a través de la automatización del marketing, integramos Google Tag Manager, que devuelve datos a Google Analytics y de allí a las plataformas de inteligencia empresarial de la empresa. Esto permitió mejoras continuas en la adquisición y retención de clientes.

La arquitectura que construimos creó una experiencia de cliente personalizada, que a su vez impulsa la participación de la audiencia, las visitas repetidas, el tiempo que pasan en el sitio y la cantidad de páginas vistas. Como el modelo de negocios de PEI Media se enfoca en productos premium, cuantas más páginas vea un usuario, más cerca estará de alcanzar el límite, lo que significa que necesitará actualizar para acceder a ese contenido.

Diseño Operacional: Descubrimiento y Calibración

Este fue un gran proyecto, con una serie de diferentes características y piezas de software para construir y conectar entre sí. ¿Cómo pasamos de un comienzo parado a un programa a toda velocidad? La transición requería tres fases.

La fase de descubrimiento vino primero. Este período de un mes se trataba de asegurarse de que todo el equipo del proyecto estuviera alineado tanto con la visión como con los requisitos específicos. Usamos talleres y reuniones con PEI Media y otros socios tecnológicos para ayudar a completar la documentación inicial del proyecto. Tuvimos cuidado de evitar el lenguaje técnico o digital a menos que fuera absolutamente necesario: queríamos que nuestra comunicación fuera atractiva y generara conversaciones saludables. También hicimos algunos prototipos y exploración técnica para minimizar el riesgo técnico una vez que comenzó el desarrollo. Durante esta fase, también acordamos utilizar un enfoque Agile, con equipos ejecutando sprints de dos semanas cada uno.

Luego vino la fase de calibración , que nos dio seis semanas (tres sprints) para ponernos en marcha con el proyecto. Esta fase nos dio la capacidad de evaluar la cantidad de trabajo que podíamos lograr en cada sprint y nos dio una buena idea de las fechas de entrega frente a los hitos clave.

Después de la calibración, pasamos sin problemas al estado final de una entrega de equipo Scrum en funcionamiento activo. Las reuniones, que son una parte crítica del proceso de scrum, significaron que constantemente discutíamos y revisábamos el progreso con nuestros socios de PEI Media. Esto nos ayudó a fomentar una relación positiva basada en la confianza.

Aumentos en consultas, clics y tráfico

Gracias al acceso sin contraseña, la cantidad de consultas de suscripción en todo el grupo ha aumentado significativamente. Los sitios web se cargan más rápido y los visitantes hacen clic en más artículos. Como resultado, el tráfico de algunos sitios web aumentó hasta en un 23 %, lo que también se correlacionó con más visitas, sesiones de usuario más prolongadas y más visitas a la página.

Como resultado, algunos sitios web han visto aumentar el tráfico hasta en un 23%.

Los nuevos enfoques de personalización han brindado una experiencia del cliente orientada hacia la participación de la audiencia y mejores tasas de conversión.

Conclusión

Trabajar con PEI Media ha sido una de las mejores experiencias que he tenido durante toda mi carrera. Un informe de un tercero sugiere que mi impresión no es del todo subjetiva:

“La naturaleza de la relación con los socios para el desarrollo parece ser tal que fomentaría una colaboración y entrega efectivas. Se puede considerar cercano a las mejores prácticas”.

Eso es algo que cualquier agencia puede estar orgullosa de leer.

Hay muchos factores que hicieron que este proyecto fuera tan exitoso, pero me voy a centrar en el papel clave que han jugado WordPress y WooCommerce:

• Velocidad : la capacidad de recorrer temas estándar en horas le dio al equipo del proyecto la confianza de que compartíamos una visión para la cartera.
• Cumplimiento de requisitos : WordPress es un CMS de primer nivel, que impulsa el 30 por ciento de la web, e igualó o superó otras opciones de CMS especializadas y personalizadas, lo que le dio al equipo la confianza de que estábamos eligiendo la mejor solución.
• Integraciones : la plataforma PEI Media utiliza los componentes más potentes unidos para crear la solución digital óptima para el negocio. La comunidad de código abierto de WordPress significa que, para muchas integraciones, ya existían soluciones listas para usar.
• Fácilmente personalizable : PEI Media decidió que querían que esta plataforma fuera una parte central de su estrategia. WordPress y WooCommerce respaldan esa visión al permitir que la empresa mantenga, elimine, reemplace o aumente las funciones de acuerdo con las prioridades comerciales y la creación de valor.
• Valor : el hecho de que WordPress, un proyecto de software de código abierto, venga con una tarifa de licencia anual de cero significa que PEI Media ha podido invertir una mayor proporción de su capital en características y funciones que agregan valor específico a su negocio.

Pragmatic ha tenido el privilegio de trabajar con PEI Media de una manera ágil, abierta y confiable que permitió a ambas partes aprovechar estos factores en beneficios comerciales, valor y éxito. Es inspirador ver cómo cada éxito generó confianza y compromiso dentro del negocio.

– – – – – –

Esta publicación es un resumen de una charla dada en WooConf 2017.