Cómo Attentive encontró libertad, flexibilidad y éxito en su cambio de imagen al pasarse a Webflow
En medio de un importante cambio de imagen, Attentive dejó WordPress por Webflow para liberar todo el potencial creativo de su sitio web.
Unlock your site’s full potential with best practices vetted by our experts. Learn the Webflow Way.
«Nuestros nuevos diseños no tuvieron que pasar por nadie más que por el equipo de marca y marketing; no hizo falta ningún ingeniero. La libertad y flexibilidad que ganamos con Webflow no tienen precio».

Cómo Attentive elevó su sitio (y su marca) con Webflow
A medida que la plataforma de marketing por mensajes de texto Attentive se hizo más conocida —y marcas innovadoras como Urban Outfitters, CB2 y Rebecca Minkoff comenzaron a ejecutar programas exitosos a través de ella—, los equipos de diseño y marketing supieron que era hora de elevar su marca. Lo que empezó como una pequeña actualización en WordPress debido a las limitaciones de la plataforma, se convirtió en una renovación completa de la marca y el sitio web con Webflow.
Antes del cambio de imagen, su sitio web estaba en WordPress. Eso significaba que cualquier cambio que quisieran hacer debía pasar por su agencia externa, lo que limitaba drásticamente su autonomía y velocidad. Además, su departamento de diseño no podía participar realmente en el proceso.
Usar Webflow como catalizador para soñar en grande
Como diseñadores, somos muy críticos con el software. Y cuando uso Webflow, pienso: "así es como yo lo diseñaría". No hay nada que criticar. Hace exactamente lo que promete.
Elyssa Albert, vicepresidenta de diseño en Attentive
Al principio, el equipo de Attentive no planeaba hacer nada en el sitio web más allá de cambiar la tipografía y los colores, "debido al enorme esfuerzo que suponía trabajar con una agencia y a la cantidad de ingenieros necesarios para programar todo", comentó Elyssa. "Más allá de las mejoras de accesibilidad, cualquier cambio de diseño que quisiéramos hacer ni siquiera valía la pena por el tiempo y el esfuerzo que requería".
Todo cambió cuando la vicepresidenta sénior de marketing de Attentive le presentó Webflow como alternativa a WordPress.

Tras la presentación inicial de Webflow, Elyssa pasó un fin de semana probándolo. "No tengo experiencia en programación y me resultó natural por lo intuitivo que es", dijo. Solo le tomó dos días reconstruir su blog en Webflow, demostrando a su equipo el poder y la flexibilidad que el cambio podía brindarles. A partir de ahí, empezaron a soñar aún más en grande para su cambio de imagen.
Con cualquier migración de sitio web, es normal que surjan dudas y preocupaciones. Pero con el equipo de Attentive, según Elyssa, no hubo ninguna. "Nuestro sitio V1, bastante sencillo, tardó meses y meses en construirse. Así que, cuando mostré lo que podía hacer en solo un fin de semana con Webflow, eso fue todo lo que necesité para convencer a todo el equipo". Además, cualquier duda o desafío técnico se resolvió fácilmente con la ayuda del equipo de éxito del cliente de Webflow.
Superando los límites de su antiguo sitio
Una vez que se adentraron en el cambio de marca a gran escala, los equipos de diseño y marketing gestionaron la reconstrucción de forma independiente, sin necesidad de ingeniería. Gracias a esto, pudieron mantenerlo bajo llave internamente, lo que permitió a sus equipos trabajar con total autonomía y dar lo mejor de sí mismos.
Webflow nos permitió diseñar y crear nuevas páginas con tanta rapidez que, cuando decidimos añadir varias páginas nuevas cerca de la fecha límite, pudimos finalizarlas fácilmente a tiempo para el lanzamiento.
Emily TarBush, Gerente de Diseño Estratégico, Attentive
Durante todo el proceso de diseño y construcción, hubo una colaboración constante entre los equipos de diseño y marketing. A medida que se acercaba el lanzamiento, el equipo de marketing dedicó mucho tiempo al Editor para crear la biblioteca de contenidos del sitio, mientras que el equipo de diseño trabajó en el Designer para desarrollar la estructura del sitio, el sistema de diseño y las plantillas.
Webflow permite al equipo de Attentive:
- Ser más creativos con interacciones y animaciones
- Garantizar que su sitio web cumpla con las normas de accesibilidad AA
- Crear un sistema de diseño escalable basado en componentes
- Hacer que el mantenimiento del sitio sea más eficiente y escalable
En lugar de crear todas las páginas desde cero cada vez, Attentive reutiliza diseños y elementos básicos en diferentes páginas. Utilizaron símbolos para crear tres "mega menús" distintos que cambian dinámicamente en tabletas y móviles. Además, la capacidad de crear animaciones complejas en Webflow supuso un antes y un después para el equipo. "Antes perdía horas y horas trasteando con CSS para crear animaciones. En Webflow, todo estaba ya resuelto gracias a los foros, el canal de YouTube y las plantillas", comenta Elyssa.

Textos que nos encantan
La página de Textos que nos encantan, que aparece arriba, se creó como un sitio independiente y estaba previsto que se lanzara antes de la presentación de la nueva marca. Cuando el equipo decidió incluirla en el lanzamiento general del sitio, se transfirió al proyecto attentivemobile.com, algo muy sencillo gracias a la posibilidad de copiar y pegar entre proyectos.
“El diseño de Textos que nos encantan estuvo muy influenciado por la funcionalidad de Jetboost —una aplicación de terceros— para crear el filtrado avanzado que es fundamental para el contenido”, explica Lauren Kolm, Gerente de Diseño de Marca en Attentive. “Las colecciones del CMS de Webflow facilitaron la organización de la gran cantidad de pantallas de teléfono que queríamos destacar. Una vez que supimos cómo aprovechar estas funciones, solo fue cuestión de aplicar nuestro kit de identidad de marca a los elementos visuales de la página”.
Accesibilidad en Webflow
La accesibilidad y el cumplimiento normativo fueron un motor fundamental de nuestro cambio de marca. Defendemos firmemente el cumplimiento de las normas ADA y TCPA con nuestros clientes, por lo que es de gran importancia para nosotros establecer un estándar elevado para nosotros mismos.
Elyssa Albert, vicepresidenta de diseño en Attentive
Las mejoras de accesibilidad en el sitio de Attentive mediante Webflow incluyeron asegurar que todo el texto del sitio tuviera niveles aceptables de contraste de color, algo especialmente sencillo gracias al comprobador de contraste. Su equipo de marketing de contenidos también aprovechó la posibilidad de añadir texto alternativo a todas sus imágenes, un proceso fluido gracias al panel de activos y al Editor del CMS de Webflow. Por último, reforzaron aún más la accesibilidad añadiendo atributos personalizados a elementos como etiquetas aria, roles y títulos.

Webflow para el crecimiento
Ahora que utilizan Webflow, el equipo de diseño y el resto del equipo de marketing pueden realizar cambios de forma rápida, eficiente y totalmente autónoma. Los pequeños cambios en el sitio pueden hacerse en menos de una hora y apenas requieren planificación previa.
Con la ayuda de Webflow, Attentive planea ampliar su equipo de diseño y "se muere de ganas" por empezar su próximo proyecto web; una diferencia abismal respecto a cómo se sentían con su sitio al inicio del cambio de marca.
Explore more Enterprise stories
Explore more stories
Empieza gratis
Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.
Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.
























































































