Desde que me uní a Webflow en 2023, he tenido la oportunidad de participar en lanzamientos realmente increíbles como Director de Producto.
Lanzar productos al mercado es mágico porque es el momento en el que podemos satisfacer las necesidades de los clientes y ver sus reacciones en tiempo real tras meses de esfuerzos coordinados internamente. Y, a veces, estos momentos van mucho más allá de un solo día.
En Webflow Conf 2024, presentamos al mundo Webflow como una Plataforma de Experiencia Web (WXP), ayudando a nuestros clientes a crecer y transformar sus propias marcas con el lanzamiento de nuestros productos Analyze y Optimize. También anunciamos que adquirimos GSAP, y decir que nuestros clientes y socios estaban emocionados es quedarse corto. Nuestra comunidad supuso, con razón, que esta era la primera fase de una renovación completa de nuestra plataforma de interacciones.
Dimos la bienvenida a GSAP a la familia Webflow porque creemos firmemente en el poder de las animaciones y las interacciones para crear vínculos emocionales con tu audiencia. También sabíamos que GSAP no solo es una biblioteca de animación JavaScript líder en la industria, sino que también cuenta con una comunidad de desarrolladores creativos talentosos y muy comprometidos, alberga recursos educativos increíbles y cree en ayudar a su comunidad a lograr la perfección píxel a píxel.
A finales de abril, anunciamos que GSAP es ahora 100% gratuito para toda la comunidad web. Queríamos eliminar cualquier fricción restante para usar la mejor biblioteca de animación de la web, además de implementar una serie de mejoras para los desarrolladores de GSAP y nuestros clientes compartidos de Webflow, y no podríamos estar más agradecidos por la recepción tan positiva.
Este lanzamiento fue uno de mis momentos favoritos en Webflow, tanto por la increíble respuesta de la comunidad como porque capturó algo crucial sobre este momento en el desarrollo web. A medida que la IA remodela nuestra industria, esta iniciativa tocó la fibra sensible de nuestra audiencia, que tiene sentimientos complejos sobre cómo la IA puede transformar —o amenazar— su oficio. La energía y el entusiasmo en torno a este despliegue confirmaron nuestra creencia de que la creatividad y la animación a medida son fundamentales para la diferenciación de marca y que ahora importan más que nunca.
Se invirtió mucho en este lanzamiento, lo que lo convierte en una de nuestras iniciativas más exitosas hasta la fecha. Y hoy, voy a compartir nuestro manual detallado sobre cómo elaboramos nuestra estrategia de lanzamiento —que sigue generando revuelo cinco semanas después— y los emocionantes planes que tenemos preparados para el futuro.
Hicimos una apuesta de producto centrada en la comunidad: anunciar que GSAP es ahora 100% gratuito
Aunque GSAP nunca fue excesivamente caro, sabíamos que cualquier precio era un punto de fricción. Al absorber el coste de mantener y mejorar GSAP, Webflow pudo:
- Crear impulso de marketing: Las publicaciones del anuncio se volvieron virales en nuestra comunidad, así como en la comunidad nueva en Webflow, la de GSAP. En todos los canales, estas publicaciones generaron más de medio millón de impresiones, casi 45 000 interacciones y una tasa de participación del 27,5%, un aumento de más del 1000% en comparación con el promedio de la industria.
- Ampliar nuestra base de desarrolladores creativos: En las dos primeras semanas tras el lanzamiento, miles de sitios en Webflow habilitaron GSAP por primera vez. Al comparar las cinco semanas anteriores y posteriores al lanzamiento, hemos observado un aumento del 27% en la adopción semanal de GSAP en Webflow. ¡El efecto halo de un lanzamiento excelente para nuestro producto ha sido increíble!
- Apostar fuerte por las herramientas para desarrolladores: Este relanzamiento también creó un halo en torno a la importante inversión de Webflow en herramientas de "pro-code" para desarrolladores, y fue seguido rápidamente por nuestro lanzamiento de Webflow Cloud solo unos días después.
- Generar confianza con los nuevos miembros de la comunidad de que estábamos aquí a largo plazo: Entendemos por qué algunos miembros de la comunidad de GSAP tenían dudas sobre nuestras intenciones tras la adquisición. Siempre tuvimos la intención de seguir invirtiendo en GSAP a largo plazo, y nos alegró compartir esta intención públicamente por primera vez.
Lograr esto fue un esfuerzo coordinado masivo que requirió una planificación cuidadosa. Esto incluyó la gestión de reembolsos para los clientes que habían realizado una compra reciente de GSAP, porque era lo correcto.
El resultado de esta iniciativa fue un tremendo derroche de gratitud y energía por parte de la comunidad de GSAP. Personalmente, no podía dejar de leer todos los mensajes positivos en los que los usuarios nos etiquetaban en línea. Ver la alegría tanto de la comunidad de GSAP como de la de Webflow fue increíblemente especial para mí y para todo el equipo detrás de este lanzamiento.
He estado usando GSAP durante años, creando demos para Codrops y viendo cómo esta increíble herramienta se convierte en el recurso más empoderador para la creatividad en la web.
— Manoela Ilic (@crnacura) 30 de abril de 2025
Con el apoyo de @Webflow, @greensock ha alcanzado nuevas alturas y ahora es oficialmente GRATIS para todos. Es nada menos que… https://t.co/APbo9DV3yG
¡Soy usuario desde hace mucho tiempo y esto es increíble! Es una oportunidad enorme para los creativos, espero que se den cuenta. GSAP y su equipo son maravillosos y conseguirlo todo gratis parece casi irreal.
— heyflo (@HeyFlorent) 30 de abril de 2025
Tenía mis dudas cuando @webflow os adquirió, ni siquiera lo oculté, pero…
Coordinamos el lanzamiento de varias funciones del producto, beneficiando especialmente a los desarrolladores de GSAP.
El día anterior al relanzamiento de GSAP, lanzamos discretamente nuestras esperadas vistas previas de sitios con código personalizado en Webflow. Esto permite a los desarrolladores previsualizar el código personalizado antes de publicarlo en su sitio de Webflow, incluidas las animaciones creadas con GSAP.
Además, facilitamos el uso de los plugins de pago de GSAP Club en Webflow al hacer que estos, junto con la biblioteca principal de GSAP, estén disponibles directamente en Webflow y alojados en la plataforma.
También le dimos un lavado de cara espectacular a uno de los plugins más populares de GSAP: SplitText. Completamente reescrito desde cero, ahora incluye una gran cantidad de mejoras interesantes pensadas para los desarrolladores, como una reducción del 50% en el tamaño del archivo, accesibilidad integrada para lectores de pantalla y un enmascaramiento sencillo para efectos de "revelación" avanzados.
Al vincular estas funciones, quisimos señalar no solo un lanzamiento de producto bien pensado, sino también nuestro compromiso con los desarrolladores de GSAP, tanto en la biblioteca de JavaScript como en Webflow. Y al dedicar tiempo a invertir en mejoras para GSAP, quisimos ofrecer la primera de muchas pruebas de que estamos profundamente comprometidos con GSAP, tanto ahora como en el futuro.
Pusimos nuestra campaña en movimiento (literalmente) y logramos cifras récord.
¿Qué sería de un anuncio sobre una biblioteca de animación sin un poco de... animación? Nuestro equipo creativo sabía que el anuncio requería dar lo mejor de sí, así que se centraron en crear una serie de recursos promocionales altamente visuales y animados para este lanzamiento, no solo para destacar la esencia de GSAP como función del producto, sino también para atraer y captar la atención de los usuarios. Este lanzamiento fue un éxito rotundo, acumulando cifras de interacción masivas y batiendo récords de marketing en Webflow:
- Un vídeo promocional, que acumuló más de 170 000 visualizaciones y 450 comentarios.
- La publicación en LinkedIn con mayor interacción en la historia de Webflow, que fue compartida casi 200 veces.
- Nuestra segunda entrada de blog más vista en lo que va de año.
Este impulso también dio a nuestro equipo la oportunidad de adelantar la solución de interacción nativa de próxima generación de Webflow (¡que llegará pronto!), y nuestro equipo de marketing puede utilizar todos los recursos creativos y promocionales de alto rendimiento en campañas continuas para mantener la energía y el entusiasmo durante las próximas semanas y meses.
Centramos nuestra campaña en los creadores y en la interacción auténtica con la comunidad.
Sabiendo que este anuncio resonaría más entre los desarrolladores que trabajan con GSAP a diario, entendimos que era importante conectar con ellos a un nivel personal. Esto significó contar con Cassie Evans (@cassiecodes) y Keegen Leary (@webisbae), miembros de nuestro equipo a quienes las comunidades de Webflow y GSAP ya conocen y aprecian, para hablar sobre el tema durante la transmisión del vídeo de anuncio. También destacamos el increíble trabajo de los creadores de GSAP en este vídeo, lo que nos dio la oportunidad de mostrar el poder ilimitado de Webflow y GSAP.
Además, sabemos lo inspirador que puede ser cuando los usuarios pueden visualizar lo que realmente es posible con un nuevo producto, herramienta o función. Por eso recurrimos a agencias destacadas y galardonadas como OFF+BRAND para crear elementos clonables y plantillas gratuitas con GSAP, ayudando a reducir la barrera de entrada y acelerando así la adopción de GSAP.
Y para añadir un poco de competencia sana y un elemento práctico a esta campaña, organizamos el Desafío de la comunidad Webflow x GSAP, en colaboración con CodePen. El desafío consistió en cuatro retos durante cuatro semanas y dio a los creadores la oportunidad de diseñar, construir, divertirse y ganar grandes premios. La asociación con CodePen garantizó que cualquiera, no solo los usuarios de Webflow, pudiera participar, dando a los participantes la opción de enviar un proyecto de Webflow o una demostración de CodePen.
Diseñamos una estrategia de lanzamiento episódica para mantener a nuestra comunidad expectante.
Sabíamos que este era un anuncio importante, relevante no solo para los usuarios de Webflow, sino para toda la comunidad de desarrolladores creativos de GSAP. Esto guio cada parte de nuestro plan: coordinar los lanzamientos de funciones, crear recursos de movimiento y generar oportunidades de interacción con la comunidad relacionadas con el lanzamiento.
Con tantas piezas en movimiento asociadas a este relanzamiento, mantener el impulso, la energía y el entusiasmo era fundamental. Esto fue más que un momento de marketing aislado; fue una campaña extendida a lo largo de varias semanas, anclada en un anuncio masivo.
Fase 1: Anuncio de que GSAP es gratuito
Fuimos directos al grano: compartimos la gran noticia de que GSAP era gratuito con confeti y una publicación de anuncio completa, ofrecimos actualizaciones sobre nuestras mejoras de GSAP y Webflow, y pusimos en marcha el desafío comunitario. Esto nos sirvió de trampolín para promocionar nuestro vídeo de anuncio, que se emitiría en el canal de YouTube de Webflow una semana después.
Fase 2: Emisión de vídeo programada
A partir de ahí, nuestra emisión de vídeo ofreció a la comunidad un desglose completo de lo que significa este relanzamiento para los desarrolladores creativos, y permitió a nuestro equipo adelantar lo que viene en la hoja de ruta de Interacciones de Webflow, generando aún más expectación de la que podíamos imaginar. Creamos un breve clip del vídeo con un adelanto de la experiencia de interacciones de Webflow completamente reimaginada (centrada en una interfaz de línea de tiempo horizontal), que recibió la mayor reacción de la comunidad y fue compartido más de 100 veces en redes sociales. Quienes se perdieron la emisión recibieron la grabación por correo electrónico, lo que prolongó su vida útil y garantizó que el contenido llegara al mayor número de personas posible.
Fase 3: Desafío comunitario
Cada semana, durante cuatro semanas, lanzamos un nuevo reto en nuestro desafío comunitario. Pudimos seleccionar y celebrar públicamente a los ganadores y a las menciones honoríficas en nuestros canales sociales cada semana durante todo el mes, además de destacar los proyectos ganadores en la página de inicio del desafío. Además, destacaremos a los ganadores en un próximo artículo, donde echaremos un vistazo entre bastidores a cómo hicieron realidad sus creaciones.
Este relanzamiento abrió un sinfín de posibilidades creativas para nuestra comunidad, y adoptar este enfoque sostenido garantizó que recibiera —y siga recibiendo— la atención que merece.
Y lo que es aún más emocionante es que esto no ha hecho más que empezar.
El próximo capítulo de Webflow y GSAP
Como sé que muchos de vosotros ya habéis captado lo que estábamos insinuando... ¡pronto lanzaremos la nueva generación de Interacciones en Webflow, potenciada por GSAP! Esto permitirá a cualquiera —marketers, diseñadores, desarrolladores y agencias— crear visualmente animaciones expresivas, fluidas y de alto rendimiento que no solo sirven para adornar, sino que impulsan las conversiones.
Esperamos que este relanzamiento anime a más miembros de la comunidad de Webflow y de desarrolladores creativos en general a crear experiencias que dejen una huella duradera. Siempre escuchamos vuestros comentarios e ideas para dar vida a nuevos productos y funciones, y estoy increíblemente agradecido a nuestra comunidad por apoyarnos y defender nuestro trabajo continuo para dar superpoderes de desarrollo a todo el mundo.
Mantente al día de las últimas actualizaciones de productos de Webflow.
GSAP ahora es 100% gratuito
GSAP ahora es totalmente gratuito para toda la comunidad web, brindando a los desarrolladores más libertad para aprovechar todo el potencial del movimiento impulsado por GSAP.
