Para Jeremy Beyt, director de estrategia y cofundador de ThreeSixtyEight, estaba claro que existía una oportunidad para evolucionar.
En aquel entonces, ThreeSixtyEight —una agencia de diseño integral con sede en Baton Rouge, Luisiana— trabajaba con WordPress y utilizaba un enfoque ágil en cascada entre la estrategia, el diseño y la ingeniería para crear los sitios web de sus clientes.
Aunque el equipo de ThreeSixtyEight consideraba que WordPress, el gigante de código abierto por excelencia, se adaptaba bien a sus necesidades, existían limitaciones muy claras que cada vez resultaban más difíciles de ignorar. «Era un tira y afloja constante entre la ingeniería y el diseño», comenta Jeremy. «Había una tensión permanente en las prioridades: los diseñadores buscaban interacciones novedosas, mientras que los desarrolladores priorizaban la eficiencia y la escalabilidad».
Según Jeremy, el principal punto de fricción para el equipo de ThreeSixtyEight era la transición del diseño a la ingeniería. Esto provocaba una serie de problemas: los diseñadores creaban sitios pesados sin entender las limitaciones del código, y los ingenieros limitaban la capacidad creativa de los diseñadores, lo que terminaba ralentizando los tiempos de construcción.
Esto se convirtió en un problema mayor a medida que el panorama del diseño evolucionaba. «Los sitios web empezaron a ser más pesados en cuanto a diseño», explica Jeremy. «Todos estos elementos empezaron a ser más complejos y nuestro trabajo empezó a quedarse atrás».
Para Jeremy y el equipo de ThreeSixtyEight, estaba claro que necesitaban una renovación. No solo en la plataforma que utilizaban, sino en su forma de trabajar y en la estructura de su organización.
Pero primero, analicemos más de cerca cómo operaba la agencia cuando usaba WordPress.
Fricción e ineficiencias
Sobre el papel, parecía natural que una agencia como ThreeSixtyEight eligiera WordPress como su constructor de sitios web.
Sin embargo, según Shelby Buquet, diseñador de interacción en ThreeSixtyEight, trabajar con WordPress generaba fricción entre el diseño y la ingeniería. «Como diseñadores, nuestra visión a menudo no se plasmaba en el desarrollo tal y como queríamos. Siempre había una barrera entre el rol del diseñador y el del desarrollador», afirma.
En resumen, los diseñadores querían crear el sitio más increíble y ambicioso, mientras que los desarrolladores se resistían para mantener un código eficiente y optimizado. «Con las limitaciones del código, siempre surgía la discusión de qué camino tomar», dice Jeremy. «Nadie tenía una respuesta clara. Y, de hecho, sigue sin haberla».
Como resultado, ni el diseño ni el desarrollo lograban entregar un producto óptimo al cliente, ya que la visión original y el resultado final solían ser diferentes.
«A menudo había ineficiencias significativas, tanto desde el punto de vista empresarial como de producción», señala Jeremy. «Era difícil cumplir sistemáticamente con la visión original. Todo era cuestión de ceder».
Mientras ThreeSixtyEight intentaba superar estos desafíos, el diseño web también evolucionaba. Empezaron a proliferar sitios hermosos e innovadores en el mercado; no solo eran visualmente impactantes, sino que sus elementos eran complejos y sus interacciones, rápidas y flexibles.
Esto provocó que las transiciones entre diseño y desarrollo en ThreeSixtyEight se volvieran cada vez más tensas.
«Sentía que me daba cabezazos contra la pared», confiesa Jeremy. «¿Cómo lo logran otros equipos? Algunos tienen perfiles híbridos de diseño y desarrollo, pero entonces empecé a oír hablar de Webflow».
Incertidumbres y dudas
Cuando Jeremy vio Webflow por primera vez, no fue amor a primera vista.
«Miré Webflow y, lo admito, lo descarté», dice Jeremy. «Pensé que era solo otro producto para pequeñas empresas, para gente que no busca superar los límites de la web».
Shelby también se sentía ambivalente. "Pensé: 'vaya, otro editor de arrastrar y soltar'", comentó. Además, no le cabía en la cabeza que fuera posible trasladar la potencia del desarrollo de alto nivel a una plataforma visual.
Durante cerca de un año, Jeremy y su equipo ignoraron a Webflow como una opción viable. Hasta que un amigo freelance de Jeremy le contó su experiencia al cambiarse a Webflow. "Mi amigo me dijo: '¿Has echado un vistazo a Webflow? Tienes que verlo. Es lo único que uso ahora'", relató Jeremy.
Esto despertó el interés de Jeremy, así que esa misma noche fue a casa y empezó a ver todos los vídeos de Webflow University. "Me los vi todos de una sentada, hice un maratón. Sentí que estaba viendo el futuro", dijo.
Para Jeremy, la capacidad de Webflow para fusionar diseño y programación sin fricciones, además de permitir construir e iterar rápidamente, supuso un antes y un después, y fue el antídoto para gran parte de los problemas de ThreeSixtyEight. Además, permitió a sus clientes realizar cambios de forma rápida y sencilla.
Después, Jeremy supo que Webflow era el camino que debía tomar ThreeSixtyEight. "Quería encontrar al mejor diseñador de Webflow posible y me topé con Tim Ricks, que casualmente estaba en nuestra ciudad". Jeremy y el equipo de ThreeSixtyEight contrataron a Tim de inmediato para explorar las posibilidades de Webflow.
Webflow: la alternativa moderna a WordPress
Dale a tu equipo el poder de crear sitios web visuales, totalmente personalizados, adaptables y seguros, en una fracción del tiempo.
El punto de inflexión
A diferencia del resto del equipo de ThreeSixtyEight, Tim solo ha trabajado como diseñador en Webflow. Aunque había hecho sus pinitos con WordPress y otros creadores de sitios web, además de aprender desarrollo front-end en la universidad, no estaba convencido con nada de eso.
Descubrió Webflow a través de YouTube durante su tercer año de carrera. "Solo hizo falta un vídeo viendo el CMS de Webflow y la forma en que puedes construir una base de datos completa de manera visual para convencerme por completo", dijo Tim. "Supe que esta era la plataforma adecuada".
Un par de años después, Jeremy le pidió a Tim que se uniera a ThreeSixtyEight, una agencia que funcionaba totalmente con WordPress y un equipo que, salvo Jeremy, se mostraba escéptico como mínimo.
No pasó mucho tiempo desde su contratación hasta que Tim pudo mostrar al resto del equipo de ThreeSixtyEight el verdadero valor de Webflow. Por aquel entonces, la agencia trabajaba en un sitio para Rakuten, una empresa japonesa de comercio electrónico y venta minorista online con sede en Tokio, y se estaban encontrando con obstáculos.
"Para Rakuten, teníamos una experiencia de interacción altamente personalizada que queríamos implementar", recuerda Jeremy. "En aquel momento se estaba construyendo en WordPress. Estábamos iterando sobre este concepto hasta la saciedad con nuestros equipos de ingeniería y diseño, y no hacíamos más que dar vueltas. No dábamos con la tecla".
Tim vio lo que el equipo estaba haciendo y les dijo: "Apuesto a que puedo hacer esto en Webflow". Naturalmente, el equipo se mostró escéptico. Creían que, dada la naturaleza personalizada del sitio, no había forma de que Webflow pudiera funcionar para su visión.
"A la mañana siguiente, Tim llegó y había construido toda la página de inicio en Webflow. Totalmente funcional y perfecta en una sola noche", dijo Jeremy. "Ese fue el punto de inflexión".
Impresionados por la capacidad de Webflow, Jeremy y el equipo empezaron a integrar Webflow como su herramienta de creación de sitios web en toda la agencia.
Un proceso más eficiente
Como Webflow es tan diferente de WordPress, los procesos en ThreeSixtyEight también tuvieron que cambiar.
Primero, añadieron un paso de diseño de interacción a su proceso. Esto permitió desde microinteracciones hasta pantallas de carga a gran escala. Luego, pudieron minimizar la fase de ingeniería, que históricamente era el proceso más largo de un proyecto. "Normalmente, en un proyecto de seis meses, tres o cuatro de ellos eran de ingeniería y pruebas", comentó Jeremy.
Los equipos internos de ThreeSixtyEight también necesitaron cambios. El equipo de diseño pasó de centrarse solo en lo visual a enfocarse en la interfaz de usuario y el desarrollo front-end, y todos los diseñadores recibieron formación sobre cómo construir en Webflow. El equipo de desarrollo, por su parte, reorientó su enfoque del front-end al desarrollo de software de espectro completo. Esto permitió al equipo crear sitios web y plataformas. Como resultado, ayudó a mejorar las competencias de todos los que diseñaban o creaban software en la empresa.
"Webflow ayuda a nuestros diseñadores a pensar más como desarrolladores y nos da el poder de entender cómo se vinculan dinámicamente los diferentes elementos de un sitio".
«Con Webflow y nuestro nuevo proceso, redujimos nuestros tiempos a menos de la mitad de lo que eran antes», comentó Jeremy. «Es rápido para construir e iterar, y nos dio una ventaja competitiva en el mercado».
Desde la perspectiva de Shelby, pasarse a Webflow les permitió a él y a su equipo crecer como diseñadores. «Nos dio una mejor comprensión de cómo funciona realmente la web y cómo funciona el código», dijo Shelby. «Webflow ayuda a nuestros diseñadores a pensar más como desarrolladores y nos da el poder de entender cómo se conectan dinámicamente los diferentes elementos de un sitio».
Webflow: El futuro del diseño web
Para ThreeSixtyEight, Webflow es su apuesta por el futuro del diseño web. «No queremos usar Webflow como un reemplazo de WordPress. Lo vemos como una categoría nueva», dijo Jeremy. «Nuestra gran visión es ser conocidos como el lugar que creó el último sitio web increíble que viste, y Webflow nos permite lograrlo».
Algunos proyectos destacados de ThreeSixtyEight incluyen:
- Project Turntable lleva las interacciones al siguiente nivel y reproduce música genial.
- The Legend of Santar es un proyecto de fin de año que presenta al «gemelo no tan alegre» de Santa, el cual, a través de un viaje interactivo, te dice si te has portado bien o mal.
- Viral Positivity fue creado durante el COVID-19 para recaudar donaciones para la comunidad local de ThreeSixtyEight.
- El Manual de Cultura de ThreeSixtyEight es el sitio de cultura más genial que hemos visto y el primero que experimentamos donde tenemos que desplazarnos hacia arriba para descubrir el contenido.
El trabajo de ThreeSixtyEight ha abarcado desde pequeños negocios familiares hasta grandes organizaciones multinacionales. Si te intriga y quieres explorar la posibilidad de trabajar con el equipo de ThreeSixtyEight, dirígete a su perfil de Webflow Experts para ponerte en contacto y empezar.
