En Upwork, el equipo de marketing necesitaba una solución sólida para escalar sus esfuerzos de marketing en tiempo real, una táctica fundamental para que las empresas se mantengan por delante de la competencia.
En concreto, el equipo necesitaba una forma de seguir el ritmo de las actualizaciones de marca y los cambios de contenido, además de agilizar el proceso de creación de nuevas páginas. Nuestro equipo en Flow Ninja ayudó a Upwork a encontrar la solución en Webflow CMS, que permite a creadores y diseñadores añadir y editar contenido directamente en su sitio web en vivo y publicar páginas con solo pulsar un botón.
“Necesitábamos una solución que nos permitiera desarrollar páginas nuevas rápidamente y hacer actualizaciones fácilmente, en tiempo real y sin ayuda de ingenieros. Con Webflow CMS, pude cambiar imágenes, actualizar textos, modificar enlaces, probar la página y publicarla sin complicaciones. Además, como todo el contenido estaba en un solo lugar, me resultó muy fácil compartir recursos con otros compañeros para reutilizarlos”. - Molly Finn, Directora Sénior de Estrategia de Contenido y Producto, A&O, Upwork
Problemas con la configuración anterior
Dificultad para actualizar la marca y los textos
Antes de usar Webflow, actualizar las páginas para cumplir con las nuevas directrices de marca o ajustar los textos consumía demasiado tiempo. El equipo de marketing de Upwork no tenía acceso para editar las páginas de destino y hasta el cambio más pequeño tardaba semanas en procesarse a través del sistema de tickets de Jira. Una vez superado el proceso de Jira, el equipo de ingeniería perdía horas en actualizaciones en lugar de centrarse en el producto.
Imposibilidad de crear nuevas páginas sin ayuda de ingeniería
Crear nuevas categorías es crucial para un equipo de marketing que quiere aprovechar las ventajas del marketing en tiempo real. Antes de usar Webflow, el equipo de marketing dependía del equipo de ingeniería para crear todas las páginas nuevas, lo que hacía que el proceso fuera tedioso y agotador.
“Antes de usar Webflow, pequeñas optimizaciones, como actualizar un enlace, a menudo requerían crear un ticket en Jira, priorización y un ingeniero. El proceso nos frenaba y no podíamos hacer cambios pequeños de forma rápida y eficiente”. -Molly Finn, Directora Sénior de Estrategia de Contenido y Producto, A&O, Upwork
Configuración de la plantilla de Webflow CMS
Desglose del nuevo diseño en piezas
Debido a que parte del contenido se utilizaba en varias páginas y algunas páginas tenían más bloques de contenido que otras, decidimos dividir la página en varios CMS más pequeños para hacer referencia a ellos en el CMS principal más adelante.
Esos CMS más pequeños incluyen:
- Multirreferencia de tarjetas de roles
- Multirreferencia de servicios destacados
- Multirreferencia de ejemplos de proyectos
- Multirreferencia de casos de estudio
- Multirreferencia de preguntas frecuentes
- Multirreferencia de enlaces de referencia cruzada
- Categoría principal del CMS
Creación de CMS individuales para referenciarlos más adelante
Para este tutorial, no entraré en detalles sobre cada CMS referenciado, pero quería mostrar el primero y cómo lo construimos.
Para este componente de multirreferencia en particular, definimos estos campos:
- Título del puesto
- Calificación con estrellas
- Foto de perfil n.º 1
- Foto de perfil n.º 2
- Foto de perfil n.º 3
- URL
- Texto alternativo n.º 1 (para SEO)
- Texto alternativo n.º 2
- Texto alternativo n.º 3
Creación del CMS principal
Después de crear todos los CMS "más pequeños" que usamos para la multirreferencia en este CMS "principal", definimos toda la página:
- Nombre
- Encabezado principal
- Descripción breve
- Enlace de llamada a la acción n.º 1
- Enlace de llamada a la acción n.º 2
- Imagen principal
- Texto alternativo de la imagen principal
- Imagen del mosaico de la llamada a la acción principal n.º 1
- Texto alternativo de la llamada a la acción principal n.º 1
- Título del mosaico de la llamada a la acción principal n.º 1
- Párrafo del mosaico de la llamada a la acción principal n.º 1
- URL de la llamada a la acción principal n.º 1
- Imagen del mosaico de la llamada a la acción principal n.º 2
- Texto alternativo de la llamada a la acción principal n.º 2
- Título del mosaico de la llamada a la acción principal n.º 2
- Párrafo del título del proyecto de la llamada a la acción principal n.º 2
- URL del mosaico de la llamada a la acción principal n.º 2
- Título de la sección de funciones
- Métrica de función n.º 1
- Texto de la métrica de función n.º 1
- Métrica de función n.º 2
- Texto de la métrica de función n.º 2
- Métrica de función n.º 3
- Texto de la métrica de función n.º 3
- Multirreferencia de funciones
- Multirreferencia de servicios destacados
- Multirreferencia de ejemplos de proyectos
- Multirreferencia de casos de estudio
- Multirreferencia de preguntas frecuentes
- Multirreferencia de roles
- Multirreferencia de roles interfuncionales
- Multirreferencia de proyectos
- Título SEO
- Descripción SEO
- Imagen OG para SEO
¡Uf! Eso fue mucho. Pero créeme, desglosar páginas de aterrizaje complejas como estas en partes más pequeñas te hará la vida mucho más fácil. Esto es especialmente importante en el siguiente paso, donde le dimos al equipo de marketing de Upwork un archivo CSV para que lo completaran e importaran el contenido de seis páginas.
Webflow Enterprise
La opción favorita de los diseñadores y la elección de confianza de las grandes empresas. Lleva Webflow a tu compañía y disfruta de seguridad avanzada, escalabilidad de tráfico personalizada, tiempo de actividad garantizado y mucho más.
Conectando las piezas en el CMS de Webflow
Después de crear todos los CMS anteriores, nos quedaban dos pasos finales por completar.
- Importación de contenido mediante CSV
- Conexión de nuestra plantilla estática al CMS de "categoría principal"
Importación de contenido mediante CSV
Webflow permite cargar campos de multirreferencia mediante CSV. Por lo tanto, para agilizar aún más la carga de contenido, creamos una plantilla de Google Sheets con todos los CMS pequeños y el CMS de categoría principal, que el equipo de marketing completó mientras desarrollábamos la página.
Justo después de terminar el proceso de desarrollo, el CSV estaba listo para importarse a Webflow. En otras palabras, ¡añadir el contenido de seis páginas se hizo en 10 segundos!
Conexión de nuestra plantilla estática al CMS de "categoría principal"
Una vez que el contenido de Upwork estuvo en Webflow y se desarrolló la plantilla estática, llegó el momento de conectar las piezas finales para obtener seis páginas de aterrizaje totalmente funcionales.
Ventajas de esta configuración:
- Pudimos usar el mismo contenido para varias páginas.
- No superamos el límite máximo de campos en Webflow.
- El equipo de marketing pudo dividirse el trabajo y ocuparse de obtener el contenido para cada pequeña sección de la página.
- Pudimos implementar fácilmente un número diferente de preguntas frecuentes, servicios y más en cada página.
“Dividir páginas de aterrizaje complejas con múltiples CMS fue un verdadero punto de inflexión para nosotros. Nos permitió, tanto a nosotros como al equipo de marketing, usar el mismo contenido en varias páginas y crear otras nuevas con contenido diferente y en cantidades distintas de forma rápida. Si hubiéramos organizado todo en un solo CMS, habríamos agotado el límite de campos muy, muy rápido, y no habríamos tenido la oportunidad de añadir tantas preguntas frecuentes, testimonios y proyectos como quisiéramos a la página”. - Stefan Mikic, experto en Webflow en Flow Ninja
Potenciamos al equipo de marketing
Para crear nuevas páginas
Una vez completada la configuración y realizadas todas las pruebas de calidad, transferimos el control al equipo de marketing de Upwork. Ahora tienen total autonomía para crear páginas nuevas gracias a un CMS robusto. Desde entonces, solo nos contactan para verificar que los enlaces de sus páginas funcionen correctamente.
Para actualizar páginas existentes
Cuando el equipo de marketing necesita actualizar un texto o añadir o eliminar elementos de una página, simplemente acceden al Editor de Webflow y realizan los cambios en un abrir y cerrar de ojos.
«Webflow ha marcado un antes y un después para nosotros. Antes, lanzar nuevas páginas de marketing era un proceso increíblemente lento. Ahora, podemos crear páginas sobre la marcha, probar e iterar rápidamente sin depender de nuestro equipo de ingeniería». - Natalie Enright, Directora de Estrategia de Contenido y Producto, A&O, Upwork
Para Upwork, utilizar Webflow para crear páginas de aterrizaje complejas les permitió eliminar los retrasos técnicos y administrativos. El equipo ahora implementa cambios de marca y de contenido con un solo clic, y tiene la libertad de responder rápidamente a todas sus necesidades de marketing en tiempo real. Para Natalie Enright, Directora de Estrategia de Contenido y Producto, usar Webflow ha sido uno de los cambios más significativos en la organización de marketing de Upwork.
Sobre nosotros y el cliente:
Flow Ninja
Quizás te preguntes: ¿quiénes son los ninjas que convirtieron esta página en un CMS sencillo? Soy Uros, fundador de Flow Ninja, una empresa dedicada a ayudar a clientes de todo el mundo a maximizar su presencia online con Webflow. Visita nuestro sitio web para conocer a nuestro equipo de tortugas ninja y descubrir más recursos avanzados de Webflow.
Upwork
Conecta con la mayor red de profesionales independientes de confianza para liberar todo el potencial de tu negocio. Encuentra en minutos a desarrolladores de Webflow expertos.
