En buena compañía: las agencias transforman la colaboración con los clientes

El panorama de las agencias de diseño y el trabajo autónomo ha experimentado cambios drásticos en las últimas dos décadas. El trabajo a distancia no solo ha creado equipos más dispersos, sino que las agencias boutique han surgido para desafiar a los gigantes que antes dominaban el sector. Atrás quedó la idea de que el diseño es un proceso opaco; en su lugar, las agencias y los clientes mantienen una estrecha colaboración y crean conjuntamente un flujo de trabajo a medida para cada proyecto. Dentro de las agencias, los roles también se están difuminando. “Ahora, más que nunca, es necesario saber de todo“, afirma Judson Collier, cofundador de Design Business Company. “El generalismo ha vuelto”.

Gestionar el proceso creativo entre diferentes zonas horarias y equipos implica mantener una comunicación abierta, dar cabida a puntos de vista diversos y sacar partido a herramientas que agilicen el trabajo. Hablamos con varias agencias y profesionales autónomos para saber cómo generan, sintetizan y lanzan ideas con Figma, y cómo trabajan de forma eficaz con los clientes en cada paso del proceso.

Cómo Human y Jimini Health se alinearon en una audaz dirección de marca

Cuando Rachael Yaeger y Michael Ray fundaron el estudio digital Human en 2013, era algo inusual en el sector que un equipo creciera o menguara en función de las necesidades de los clientes; ahora, se está convirtiendo en la norma. Human, que oscila entre 6 y 10 empleados, prefiere esta estructura porque permite al equipo trabajar en estrecha colaboración con los clientes, destaca el oficio tanto de los diseñadores como de los desarrolladores y reduce la fricción que puede surgir cuando los equipos internos y los de las agencias están fragmentados. “Nos encontramos en un punto ideal, con la agilidad y la experiencia de un profesional autónomo, pero con la cohesión, la experiencia y la seguridad de una gran agencia“, afirma Rachael.

Diapositiva 1 de 41 de 4

El sistema de marca de Jimini evoca el espectro de las emociones humanas.

Human creó una paleta de colores sólida y compatible con la ADA para Jimini.

La fotografía de Molly Matalon crea una identidad visual sólida…

…que se mantiene coherente en las redes sociales, la web y la aplicación.

Los clientes también quieren trabajar más estrechamente con las agencias que contratan. “Las capas de gestión tradicionales son cada vez menos frecuentes”, dice Rachael, quien señala que los clientes se sienten más cómodos integrando a socios externos en sus equipos. Comparado con hace una década, los clientes también tienen una mayor aptitud para el diseño y dominan mejor las herramientas de diseño. “Figma refleja la fluidez del sector en este momento”, afirma. “Ya no somos ejecutivos en una sala de juntas con PDF impresos“. Además, el cambio al trabajo a distancia ha dado lugar a interacciones menos formales y más frecuentes. “Enviamos a un cliente un enlace de Figma, ellos dejan algunos comentarios al final del día y seguimos trabajando”, explica Rachael. “La dinámica ahora es más amistosa. Ya no se trata tanto de que la ‘agencia es Dios y lo sabe todo’”.

Esta manera fluida de trabajar fue fundamental cuando Human creó una nueva identidad visual y sitio web para Jimini Health, una empresa de IA dedicada a la salud mental. Mientras realizaban iteraciones, ambos equipos mantuvieron conversaciones esenciales sobre lo que debía representar la marca. Human usó Figma Slides, elegido porque es fácil de usar para quienes no son diseñadores, para organizar ideas, investigaciones y mood boards sobre los que Jimini podía comentar. Esto dio como resultado que se aprobara la dirección de la marca en unas dos semanas. La identidad utiliza un amplio espectro de colores como metáfora de la experiencia humana; los clientes no suelen ser muy receptivos a la variedad, pero trabajar en estrecha colaboración les ayudó a ponerse de acuerdo. “Fueron capaces de tomar una decisión”, aifrma Rachael. Human completó el resto del trabajo de diseño en unas cuatro semanas, un ritmo que solo fue posible gracias a la confianza mutua, la comunicación constante y la transparencia durante todo el proceso.

Figma también ayuda a Human a transferir fácilmente la propiedad de un proyecto. Por ejemplo, cuando Jimini comenzó a aplicar el manual de marca a su aplicación, el equipo pudo obtener rápidamente comentarios sobre si los elementos de la IU seguían las directrices de la marca. “Figma permite que todos se comuniquen entre sí de una manera muy sencilla”, dice Rachael.

Cómo PORTO ROCHA creó una identidad escalable para VEEPS

Para PORTO ROCHA, una agencia de 32 personas cuyos equipos de estrategia, diseño, movimiento e interacción se extienden por todo el mundo, la adaptabilidad es clave para destacar en un mercado centrado en el diseño. Sus clientes en los sectores de la tecnología, la moda, las finanzas y la cultura van desde galerías de arte como Kunsthalle Basel hasta nombres tan conocidos como Google. Trabajar en una amplia gama de sectores, escalas y medios alimenta la creatividad de la agencia. “Nos permite mantener la curiosidad, cambiar nuestro enfoque en estos sectores y tomar decisiones basadas en el contexto”, dice Gabriela Carnabuci, directora adjunta de Diseño en PORTO ROCHA.

En los últimos cinco años, PORTO ROCHA ha incorporado Figma en cada paso de tu flujo de trabajo, desde las ideas y la conceptualización inicial hasta el diseño y la entrega final. “Es una herramienta que parece viva”, afirma Gabriela, y se ha vuelto esencial para prácticamente todos los equipos, no solo para el de diseño. El equipo de estrategia, por ejemplo, utiliza FigJam para organizar talleres remotos con los clientes y reunir la investigación y los datos en un solo lugar, lo que ayuda a aclarar la narrativa. Los archivos internos permiten a PORTO ROCHA improvisar libremente, y los archivos externos mantienen a la agencia en comunicación con el cliente, mientras contienen parte del desorden inherente al proceso de diseño.

La colaboración estrecha prepara a los clientes para el éxito incluso después de que el proyecto haya finalizado. Así ocurrió cuando PORTO ROCHA rediseñó la marca y el producto de VEEPS. Como plataforma oficial de retransmisión en directo de los eventos de Live Nation y Ticketmaster, VEEPS ha llegado a millones de espectadores con espectáculos de algunos de los nombres más importantes de la música. El reto consistía en crear una identidad visual sólida para la plataforma, al tiempo que se permitía a los artistas brillar en sus momentos.

“Lograr este equilibrio significaba crear una experiencia cohesionada, pero flexible, en escritorio, dispositivos móviles, televisores y redes sociales”, afirma Marcos Rodrigues, director de Diseño Interactivo en PORTO ROCHA. “Se trataba de poner a prueba todas las posibilidades y formatos”. Trabajar con Figma fue fundamental para garantizar que los diseños se adaptaran a cada superficie, especialmente a la hora de incorporar vídeos, gráficos animados y contenido en directo. Para ayudar al equipo de VEEPS a adaptar la identidad tras la entrega, los diseñadores crearon una amplia biblioteca de componentes y utilizaron plugins como Stark para garantizar que todos los diseños respetaran los parámetros de accesibilidad.

“Nuestro proceso exploró la creación de un sistema icónico, pero utilitario, que equilibrara la personalidad de la marca y las necesidades funcionales”, afirma Gabriela. “Dado que el cliente necesitaba un sistema flexible, nuestro enfoque consistió en dotar de personalidad a cada elemento de la marca, desde el logotipo hasta la tipografía y el color, dejando que los artistas y sus propias expresiones de marca ocuparan un lugar central”. Desde el lanzamiento de la nueva identidad, la interacción con VEEPS se ha triplicado con creces y sus seguidores en las redes sociales han aumentado un 50 %, lo que ha contribuido a consolidar a VEEPS como líder del sector.

Cómo Design Business Company se conectó a la tienda de GitHub

Stewart Scott-Curran, Judson Collier y Jordan Egstad fundaron Design Business Company (DBCo) con la intención de dejar atrás el enfoque único para todos los casos que caracterizaba el trabajo de las agencias del pasado. Stewart, que en su día trabajó en Nike, Coca-Cola y CNN, recuerda que “siempre anhelaba una relación en la que sintiera que la agencia nos entendía mejor o sentía más curiosidad por saber quiénes éramos”.

DBCo entiende que cuanto más se involucran y participan los clientes, más sólidos y emocionantes son los resultados. En lugar de incorporar a un cliente y regresar meses después con una gran revelación, DBCo mantiene un trabajo transparente y colaborativo. “Intentamos evitar el efecto del mago que saca un conejo de la chistera”, dice Stewart. Desde el primer día, DBCo comparte sus archivos Figma con los clientes y les anima a dejar comentarios o notas adhesivas, lo que ayuda al equipo a corregir el rumbo antes y reduce la necesidad de presentaciones formales. “Podemos compartir ideas más rápidamente y colaborar con mayor libertad, lo que a su vez hace que todo el proceso creativo resulte menos delicado”, explica Jordan.

Se trata de un gran cambio de actitud con respecto a hace unos años. “Recuerdo que mis compañeros decían: ‘No quiero que nadie mire por encima de mi hombro mientras diseño. Me pone nervioso’”, dice Judson. “Ahora, la situación ha cambiado por completo”.

El hecho de tener GitHub dentro del archivo, por ejemplo, animó a DBCo. a apostar fuerte a la hora de rediseñar la tienda en línea de la plataforma para desarrolladores, lo que supuso crear un nuevo sitio web, merchandising y embalajes, así como fotografías de los productos, todo ello diseñado en Figma. “Lo mejor de esta herramienta es que permite ver en un solo lugar cómo la marca puede adaptarse y aplicarse a todas estas superficies diferentes al mismo tiempo”, explica Jordan. Para ganarse el corazón de los desarrolladores, DBCo. diseñó interacciones creativas en el sitio, como animaciones de texto que imitan líneas de código y códigos promocionales que parecen descifrarse por sí mismos. La creación de prototipos en Figma ayudó a representar estos elementos de forma realista y a dar vida a otros experimentos que normalmente requerirían importantes recursos de desarrollo, como una clave que utiliza el código Konami para convertir fotografías en imágenes ASCII.

Aunque el flujo de trabajo varía según el cliente y el proyecto, hay una constante en todos los proyectos de DBCo: el equipo comienza con Construct, un sistema de diseño interno creado utilizando variables de Figma. El sistema básico tiene cuatro colecciones diferentes que pueden rellenar automáticamente los archivos con los valores correctos, lo que reduce un día y medio de trabajo a solo 30 minutos. “Podemos agilizar todo el trabajo pesado”, dice Jordan. “Nos ha llevado tiempo encontrar el equilibrio perfecto entre disponer de un sistema lo suficientemente completo como para resultar útil y tener demasiadas limitaciones”.

Cómo ChaChaanTeng! creó módulos flexibles para Eastern Margins

Al igual que otras agencias, el estudio londinense ChaChaanTeng! ha experimentado muchos cambios desde sus inicios hace cuatro años. El cambio a Figma no solo ha permitido al equipo guiar a los clientes a través de los diseños en el archivo en lugar de mediante presentaciones formales, sino que también ha ayudado a “gamificar el proceso de trabajo”, afirma el fundador Wei Prior, a través de juegos reales, fondos divertidos en el lienzo y dibujos. Dado que cada miembro del pequeño estudio puede ver en qué están trabajando los demás, pueden generar narrativas para los proyectos más rápidamente. “Trabajamos de forma muy colaborativa”, dice Wei. “Como plataforma, Figma nos permite trabajar en una gran cantidad de proyectos con facilidad y es fundamental para nuestro crecimiento”.

La plataforma ha ayudado a ChaChaanTeng! a conseguir más clientes, incluidos algunos internacionales como Eastern Margins, un sello discográfico británico que promociona a artistas alternativos en Asia. Comenzaron a colaborar hace dos años en una nueva identidad de marca: una mezcla desenfrenada de colores neón, símbolos, ilustraciones y vídeos que suman más de 100 capas en total. Wei denomina el trabajo “un enfoque modular de la locura”, que hace referencia y realza la densidad y la cacofonía que se encuentran en megaciudades como Hong Kong, Tokio y Manila, donde tienen su sede los artistas de Eastern Margins.

Cuando Wei presentó estos conceptos al fundador de Eastern Margins, David Zhou, le mostró cómo había creado las imágenes capa a capa. A David le gustó tanto lo que vio que los equipos decidieron integrar el movimiento en la identidad para resaltar la naturaleza dinámica del sistema. “Nos gustan las cosas inesperadas, cuando se distorsionan y cuando producimos mutaciones”, dice David. “Como trabajamos en Figma, esos accidentes afortunados o cosas inesperadas surgen de forma mucho más natural”.

Debido a la naturaleza de la industria musical, ChaChaanTeng! suele entregar archivos que están completados en un 95 %, lo que permite a los diseñadores de Eastern Margins, por ejemplo, ajustar el orden y el tamaño de los nombres de los artistas en un póster. “Ese es el tipo de cosas por las que los gerentes y agentes pueden ser despedidos si se equivocan”, dice David. Estas variables pueden cambiar apenas unas horas antes de la celebración de un evento, por lo que Eastern Margins necesita poder ajustar los diseños en el último momento sin depender de una agencia en una zona horaria diferente. “Figma facilita que alguien que no sea diseñador gráfico, pero que tenga un conocimiento básico de diseño, cambie el tamaño de la fuente o el orden, y eso nos ha ahorrado muchos dolores de cabeza”, afirma David.

Cómo el diseñador Kevin Twohy iteró en la aplicación sobre crianza Good Inside

Kevin Twohy, fundador y director de Twohy Design Works, estructura su trabajo para poder ser lo más ágil posible. Dependiendo del cliente y del proyecto, a veces se integra en un equipo, trabajando más como un empleado, o funciona como un pequeño estudio, contratando a especialistas según sea necesario. “Estamos en la era del superindividuo”, dice Kevin. “Con las nuevas tecnologías, una sola persona puede dirigir creativamente un ámbito de trabajo más amplio”. Esto también se adapta a la forma de trabajar de Kevin, es decir, establecer relaciones personales con sus clientes, mantenerse cerca del trabajo en sí y seguir lo que le resulta creativamente interesante.

Durante los últimos dos años, Kevin ha estado colaborando con Good Inside, un recurso online sobre crianza fundado por la psicóloga clínica Dra. Becky Kennedy. Desde las primeras conversaciones e investigaciones, quedó claro que los padres necesitaban ayuda inmediata en momentos de estrés, lo que llevó a Kevin y al equipo a centrarse en una aplicación de formación personalizada para ayudar a los padres a manejar las rabietas de sus hijos, la resistencia a la hora de dormir y otras situaciones.

El reto del diseño no era “solo diseñar la interfaz o el contenido”, explica Kevin, “sino el mapa que muestra el proceso por el que pasan los padres y los planes de contenido asociados a él”. Era fundamental encontrar la secuencia y la densidad adecuadas para los guiones y las instrucciones para los padres, que incluían texto, audio, vídeo e imágenes. Kevin y el equipo de Good Inside utilizaron FigJam para determinar la información que los padres necesitaban saber y Figma para organizar ese contenido en retículas de baja fidelidad y, posteriormente, crear prototipos de alta fidelidad para las pruebas de usuario. Esto generó ciclos de iteración ajustados que les permitieron perfeccionar rápidamente el contenido, los contenedores y la interfaz.

Perfeccionar la arquitectura de la información era esencial para que Good Inside pudiera establecer una relación a largo plazo con los suscriptores de su aplicación. “No basta con crear algo que funcione durante una semana o 30 días en una prueba de usuario”, afirma Kevin. “No es suficiente con que un usuario diga: ‘Oh, es genial. Me hace sentir X’. Hay que probarlo en la vida real”. Las pruebas beta duraron un mes o más, dando lugar a múltiples iteraciones basadas en lo que el equipo aprendió; por ejemplo, la aplicación tiene una experiencia de incorporación ligera para evitar sobrecargar a los padres con información irrelevante en un momento de tensión. Esto contribuyó a que la aplicación de Good Inside obtuviera una calificación de 4,9 estrellas.

“Los padres, es decir, los clientes, son personas reales en el mundo real y necesitan ayuda con un problema”, afirma Kevin. “No se despertaron un día diciendo: ‘Quiero una aplicación’. Se trata de tener a mano las herramientas adecuadas que realmente ayudan y ofrecerlas de la mejor manera posible”.

Las agencias y los profesionales autónomos necesitan herramientas ágiles que permitan incorporar a los profesionales adecuados a un proyecto, a veces con muy poca antelación, y trabajar más estrechamente con los clientes. Las agencias más pequeñas se están arriesgando más y diseñando para múltiples superficies, desde sitios web hasta aplicaciones, pasando por materiales impresos y productos físicos, todo ello dentro de un mismo proyecto. En este contexto, Figma ayuda a los equipos a generar confianza, perfeccionar ideas y comunicarse de forma estrecha, lo que al final se traduce en resultados excepcionales. Obtén más información sobre cómo los equipos utilizan Figma, y ponte en contacto para solicitar una demostración.