El flujo de trabajo de RocketAir como agencia no se parece mucho al proceso tradicional de diseño y desarrollo web.
Los equipos son mucho más interdisciplinarios y colaborativos. Los estrategas crean páginas de destino, los desarrolladores diseñan y los diseñadores crean prototipos funcionales mientras dirigen el arte. Su enfoque se centra, en última instancia, en adaptar su proceso a las necesidades de sus clientes, y funciona increíblemente bien.
RocketAir tiene un enfoque único de colaboración —tanto entre equipos como con los clientes— que ha permitido a la agencia realizar un trabajo verdaderamente espectacular. La empresa trabaja con todo tipo de clientes, desde startups de serie A hasta empresas de la lista Fortune 500, creando desde sitios web de tecnología financiera hasta proyectos SaaS. Este año, el sitio web de la propia agencia RocketAir apareció en Awwwards y obtuvo grandes premios en los CSS Design Awards. Arrasaron en las tres categorías públicas: mejor diseño de UX, mejor diseño de UI y mejor innovación. Todo ello construido en Webflow.
Hablamos con Taylor Rosenbauer, fundador y director ejecutivo, y Theresa Braun, vicepresidenta de crecimiento, para conocer más sobre cómo RocketAir ha reinventado la estructura tradicional de las agencias, eliminando los silos y uniendo el desarrollo, el diseño y la estrategia para construir sobre Webflow.
RocketAir estructura su equipo en torno al Diseño Orbital
RocketAir ha creado un marco de trabajo único para sus proyectos al que llaman Diseño Orbital. Forman un equipo central que trabaja bajo contrato para cada cliente y que se adapta a las necesidades específicas del proyecto. Lo llaman un enfoque adaptativo para la resolución de problemas.
«Lo que hacemos con esta metodología de Diseño Orbital es hacer que nuestro trabajo gire en torno a nuestros clientes: sus audiencias, sus negocios y, en última instancia, sus objetivos», comentó Taylor.
Un equipo de Diseño Orbital es multidisciplinario y suele estar compuesto por un estratega, un diseñador, un desarrollador y un productor. Juntos, ese equipo trabaja en tres ejes principales: marca, producto y movimiento.
- Marca abarca la estrategia de marca, identidad, mensajes, voz y marcos de redacción.
- Producto es el diseño de productos digitales —incluyendo aplicaciones nativas para iOS y Android, aplicaciones web adaptables, plataformas SaaS y comercio electrónico— y se centra en pruebas de usabilidad y entrevistas a usuarios, creación de sistemas de diseño y prototipado rápido.
- Movimiento es su capacidad de animación 2D y 3D, la cual tratan como una parte integral de su proceso de diseño.
Cada miembro del equipo aporta un conjunto de habilidades específicas, pero también colaboran para desarrollar aspectos como el diseño y la estrategia, de modo que el proyecto se mantenga enfocado y coherente.
Estrategas
Cada proyecto comienza estableciendo la estrategia para el cliente y el proyecto. El estratega se centra en la investigación y las pruebas para obtener los conocimientos cuantitativos y cualitativos que guiarán el trabajo del equipo. Ayudan a asegurar que los miembros del equipo no diseñen en el vacío, garantizando que el proyecto sea preciso, eficaz y conecte creativamente con el público objetivo de la marca.
El estratega realiza un análisis de la competencia, desarrolla perfiles de audiencia y crea perfiles de usuario. Intentan comprender las necesidades y deseos de la audiencia, así como sus puntos de dolor. Trabajarán con un redactor para perfeccionar la voz y el tono de la marca y entender cómo suena esta en el mundo real a través de todas sus comunicaciones.
Durante el proceso de creación de la estrategia, los estrategas realizan entrevistas a las partes interesadas, hablan con el equipo fundador de la empresa del cliente, entrevistan a clientes que han ganado y, a veces, lo que es más interesante, a clientes que han perdido. Pueden participar en su embudo de ventas como ejercicio para comprender sus propuestas de valor y sus puntos de venta únicos.
«Realmente nos metemos en la mente del negocio del cliente para poder empezar a tratarlo como si fuera nuestro durante el proceso de diseño», dijo Taylor.
Productores
Los productores en RocketAir son una mezcla de gestores de cuentas y gestores de proyectos. Dirigen las operaciones de diseño, las reuniones diarias y las comunicaciones con los clientes. Trabajan para mantener los proyectos encaminados, creando cronogramas de trabajo, documentación de diseño, preparando recursos para ingeniería y, lo más importante, gestionando el proceso de entrega del diseño al desarrollo.
Taylor destaca que la agencia dedica mucho tiempo y atención a la relación entre diseño y desarrollo, ya que es clave para producir el tipo de proyectos por los que son conocidos en Webflow. “Es fundamental que el desarrollo sea parte del proceso de diseño”, afirma Taylor. “No es solo un proceso de entrega donde primero hacemos la estrategia, luego el diseño y después el desarrollo”.
Diseñadores
Los diseñadores producen una dirección de arte única, crean una identidad de marca distintiva y memorable, y trasladan todo eso a la web. Sin embargo, también deben pensar en aspectos como la arquitectura de la información, la jerarquía visual y la accesibilidad desde una perspectiva visual. En RocketAir, también trabajan como diseñadores visuales y de UX integrales.
“Nos gusta pensar en nuestros diseñadores como diseñadores full-stack”, comentó Taylor. “Es un término que normalmente se aplica a los ingenieros, pero en RocketAir tenemos diseñadores que son muy sólidos tanto en diseño visual como en diseño de experiencia”.
Desarrolladores de Webflow
Del mismo modo, los desarrolladores se centran tanto en el diseño como en el desarrollo en Webflow.
“Dado que somos ante todo una empresa de diseño y estrategia, los desarrolladores del equipo de RocketAir tienen un ojo crítico para el diseño”, dijo Taylor. “Creemos que esa es una de las formas más importantes de alcanzar los estándares de los sitios web que lanzamos al mundo”.
Debido a que el diseño de movimiento es una de sus ofertas principales, RocketAir quiere asegurarse de que sus desarrolladores participen en el proceso de diseño.
“La narrativa, el diseño, el copy y la ingeniería son todas piezas del mismo rompecabezas, por lo que nuestros equipos trabajan juntos desde el principio”, señaló Taylor.
Al contratar, buscan desarrolladores que se definan a sí mismos como desarrolladores interactivos, capaces de aprovechar el poder de la plataforma de Webflow para realizar tareas como animaciones basadas en scroll, animaciones Lottie y microinteracciones.
También buscan desarrolladores que sientan pasión por la tecnología.
“La mentalidad experimental, los que les gusta trastear, esos son los tipos de personas que realmente buscamos”, dijo Taylor. “No solo aquellos que piensan en una traducción en blanco y negro del diseño al desarrollo, sino quienes realmente pueden romper moldes y hacer desarrollo creativo”.
Redactores publicitarios
Los redactores analizan la arquitectura de la información y la estrategia de contenido para cada sitio web. Supervisan todo el contenido y los textos para asegurarse de que el proyecto conecte con su audiencia. No todos los equipos tienen un redactor independiente. A menudo, los estrategas actúan como redactores, pero en proyectos más complejos se puede añadir un redactor especializado al equipo. Los redactores también colaborarán con los diseñadores al inicio de un proyecto.
“Queremos asegurarnos de que el copy nunca sea una ocurrencia tardía, y que el diseño y el copy se unan para crear las comunicaciones creativas más efectivas”, afirmó Taylor.
Los proyectos se construyen en torno a sistemas de diseño en Webflow
RocketAir utiliza la capacidad de Webflow para crear componentes predefinidos, como Símbolos, para sistematizar la construcción de sus proyectos.
“Somos grandes defensores del pensamiento basado en sistemas de diseño”, dijo Taylor. “Siempre que diseñamos un sitio, pensamos en términos de los elementos atómicos que componen un sitio web o un producto, y eso es muy análogo a la forma en que está configurada la arquitectura de Webflow”.
Al comienzo de un proyecto, diseñadores y desarrolladores colaboran para crear componentes para las diferentes secciones de contenido que conforman el sitio. Luego, pueden reutilizar esos bloques de construcción en todo el sitio. El uso de Símbolos de esta manera da como resultado hojas de estilo CSS limpias y meticulosas. También ayuda a aumentar la velocidad de comercialización y la velocidad de desarrollo de nuevas páginas, además de garantizar un diseño más coherente en todo el proyecto.
Los miembros del equipo colaboran en los proyectos dentro de Webflow
Todos los miembros de un equipo en RocketAir utilizan Webflow directamente como parte de su trabajo, no solo los desarrolladores.
«El entorno de Webflow permite que estrategas, redactores, diseñadores y desarrolladores se reúnan en un mismo lugar para colaborar constantemente», comentó Taylor.
Los estrategas utilizan Webflow para obtener información sobre los clientes a medida que se desarrolla el proyecto. Pueden usar Webflow para producir rápidamente variaciones de páginas de destino para pruebas A/B. Crean diferencias intencionales y específicas que generan comentarios útiles. Pueden reordenar secciones, cambiar el flujo, modificar la narrativa y ajustar las propuestas de valor, todo directamente en Webflow.
Los redactores trabajan dentro del Editor sin necesidad de recurrir a un ingeniero para realizar cambios en los textos. Los diseñadores realizan análisis de brechas durante todo el proyecto observando directamente los estilos CSS en Webflow para asegurarse de que se alineen con su composición de diseño.
«Cada persona hace lo que mejor sabe hacer y todos tienen un papel que desempeñar», dijo Theresa. «No se trata solo de un diseñador o un desarrollador. Los productores desempeñan un papel estratégico, tanto como los desarrolladores influyen en las decisiones de diseño. Todos tienen un rol».
La nueva función de transferencia facilita la colaboración al permitir que un miembro del equipo solicite el control de un proyecto. Esto ayuda a los miembros del equipo a trabajar simultáneamente sin pisarse los talones. Los miembros del equipo pueden trabajar en el Editor al mismo tiempo, publicando en el CMS, editando las colecciones y ajustando el contenido sin afectar a nadie que esté trabajando activamente en el Diseñador.
«Es mucho más colaborativo y eficiente», dijo Theresa sobre la función de transferencia. «Ha sido genial».
Por qué tu equipo de diseño debería usar Webflow
Descubre cómo los equipos de diseño están optimizando sus flujos de trabajo —y creando mejores experiencias— con Webflow.
Ayudan a los clientes a trabajar dentro del entorno de Webflow
Los miembros de su equipo no solo trabajan dentro de Webflow en un proyecto, sino que los clientes de RocketAir también lo hacen. Una parte esencial del proceso de desarrollo de cualquier proyecto es lograr que los clientes se involucren y se sientan cómodos usando las herramientas necesarias cuando llega el momento de la entrega.
El equipo de RocketAir se toma un tiempo al comienzo de cada proyecto para asegurarse de que los clientes entiendan qué es Webflow. También les muestran cómo podrán trabajar dentro de la interfaz durante el proyecto.
«La idea de que los clientes puedan tener cierta autonomía y confianza en la creación de un sitio personalizado es increíble», dijo Taylor. «Les da la seguridad para trabajar con un equipo de diseño de alto nivel como el nuestro, que adopta un enfoque muy personalizado y a medida, mientras obtienen una herramienta y un CMS que les permite mantener y desplegar contenido con rapidez y a escala».
Al finalizar el compromiso con el sitio web, el equipo crea documentación para ayudar en la entrega del sitio. Hacen videos en Loom para guiar a los clientes sobre cómo navegar por las áreas más importantes de la plataforma de una manera visual y práctica. Finalmente, transfieren la propiedad del sitio a sus clientes mientras permanecen vinculados al plan del sitio como su socio de ingeniería. De esta manera, pueden realizar cambios fácilmente o agregar nuevas funcionalidades o componentes del sitio sin tener que compartir credenciales.
Su estructura de precios se centra en las necesidades del cliente y las prioridades del proyecto
RocketAir rediseñó su modelo de precios junto con la estructura de su equipo para centrarse más claramente en lo que era importante para ellos como agencia. Diseñaron un sistema donde los clientes pagan por el acceso a su equipo en lugar de por tiempo. A esto lo llaman Órbitas, su versión de un sprint. Las propuestas de proyectos se componen de una serie de Órbitas: intervalos de dos semanas de iteración en los entregables que acuerdan con el cliente.
Es por esto que se refieren al Diseño Orbital como un enfoque adaptativo. Moldean a su equipo en torno a cualquier problema único que tenga el cliente.
«La forma en que cobramos es lo que permite ese enfoque adaptativo», dijo Theresa. «Permite a RocketAir estructurar un proyecto en torno a las necesidades exactas de nuestro cliente según el equipo que estamos creando para ellos: qué habilidades y recursos necesitan, cuánta estrategia requieren y cuánto trabajo de marca inicial podrían necesitar».
Dado que no hay dos sitios web iguales, las Órbitas les permiten construir un proceso a medida para cada cliente, al tiempo que mantienen un modelo financiero confiable para las operaciones de su propia agencia.
«La naturaleza del proceso de diseño es que estamos definiendo el alcance, resolviendo lo desconocido y haciendo eso en cada paso del camino», dijo Taylor.
Construye una estructura de agencia que refleje tu filosofía
RocketAir no ha dado por sentado ninguna parte del proceso de desarrollo web. Han observado las formas tradicionales de operar y han aprendido de ellas sin sentirse limitados por ellas. Han construido nuevos marcos para el trabajo en equipo y han desarrollado flujos de trabajo que combinan diseño, desarrollo y estrategia para crear mejores sitios web.
«Como podrán notar, hemos pensado mucho en esto durante los últimos años y hemos iterado sobre ello», dijo Theresa. «Realmente ha sido simplemente lo mejor para nuestro equipo. Lo mejor para nuestros clientes. Lo mejor para el resultado final, el trabajo».
Las herramientas sin código, la interacción y el diseño de movimiento más sencillos, y la proliferación de integraciones SaaS han transformado el diseño web. Las agencias pueden aprovechar esto para crear nuevos sistemas de diseño y desarrollo, centrando a sus equipos en el trabajo que realmente les apasiona.
«Piensa en cómo diferenciarte como agencia», comentó Taylor. «Reflexiona sobre cómo tu modelo, tu proceso y tu filosofía se unen para crear algo memorable y único».
