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

El panorama de las agencias de diseño y el trabajo independiente 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, las funciones 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 a través de diferentes zonas horarias y equipos implica mantener una comunicación abierta, dar cabida a puntos de vista diversos y aprovechar las herramientas que agilizan el trabajo. Hablamos con varias agencias y profesionales independientes 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 se redujera en función de las necesidades de los clientes; ahora, se está convirtiendo en la norma. Human, que cuenta con entre 6 y 10 empleados, prefiere esta estructura porque permite al equipo trabajar en estrecha colaboración con los clientes, destaca el trabajo 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 independiente, 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 consistente en las redes sociales, la web y la app.

Los clientes también desean trabajar más estrechamente con las agencias que contratan. "Las capas de gestión tradicionales son cada vez menos frecuentes", afirma Rachael, quien señala que los clientes se sienten más cómodos incorporando socios externos a sus equipos. En comparación 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 remoto ha dado lugar a interacciones menos formales y más frecuentes. "Enviamos un enlace de Figma a un cliente, y ellos dejan algunos comentarios al final del día, y nosotros seguimos iterando", dice Rachael. "La dinámica es más amigable ahora. Es menos 'la agencia es Dios y lo sabe todo.'"

Esta forma fluida de trabajar fue fundamental cuando Human creó una nueva identidad visual y un sitio web para Jimini Health, una empresa de IA dedicada a la salud mental. Mientras estaban en modo sprint, ambos equipos tuvieron conversaciones fundamentales sobre lo que la marca debería encarnar. Human utilizó 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 una amplia gama 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 los ayudó a ponerse de acuerdo. "Fueron capaces de tomar una decisión", afirma 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 libro de marca a su app, el equipo pudo obtener rápidamente feedback sobre si los elementos de la UI seguían las pautas de la marca. "Figma permite que todos se comuniquen entre sí de una manera muy fácil", dice Rachael.

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

Para PORTO ROCHA, una agencia de 32 personas cuyos equipos interactivos, de estrategia, de diseño y de movimiento 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 estas industrias y tomar decisiones basadas en el contexto", afirma Gabriela Carnabuci, directora adjunta de Diseño de PORTO ROCHA.

En los últimos cinco años, PORTO ROCHA ha incorporado Figma en cada paso de su 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, al tiempo que 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. Este fue el caso cuando PORTO ROCHA rediseñó la marca y el producto de VEEPS. Como plataforma oficial de transmisión en vivo 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 desafío 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 computadoras de escritorio, dispositivos móviles, televisores y redes sociales", afirma Marcos Rodrigues, director de Diseño Interactivo de 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 cuando se trataba de incorporar videos, 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 cada elemento de la marca, desde el logotipo hasta la tipografía y el color, permitiendo 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 en 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 uniforme y genérico característico del trabajo de agencia de épocas pasadas. 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 del sombrero", afirma Stewart. Desde el primer día, DBCo comparte sus archivos Figma con los clientes y los 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 me mire por encima del hombro mientras diseño. Me pone nervioso'", dice Judson. "Ahora, la situación ha cambiado por completo".

Por ejemplo, el hecho de tener GitHub integrado dentro del archivo, impulsó a DBCo. a pensar en grande al rediseñar la tienda en línea de la plataforma para desarrolladores, lo que supuso crear un nuevo sitio web, mercancía y empaques, 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. El prototipado 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 un detalle oculto 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 restricciones".

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 todos los miembros del pequeño estudio pueden ver en qué están trabajando los demás, pueden generar narrativas para los proyectos con mayor rapidez. "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 videos 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 residen 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 las cosas 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 cartel. "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 fecha prevista para 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, pueda cambiar 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 app sobre crianza de los hijos de 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 en línea sobre crianza de los hijos 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 app 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 desafío de diseño fue "no 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, video 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 wireframes de baja fidelidad y, posteriormente, para 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 app. "No basta con crear algo que funcione durante una semana o 30 días en una prueba de usuario", afirma Kevin. "No es suficiente escuchar a un usuario decir: 'Oh, es genial. Me hace sentir X'. Hay que probarlo en la vida real". Las pruebas beta duraron un mes o más, lo que permitió realizar varias iteraciones basadas en lo que el equipo aprendió. Por ejemplo, la app 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 app 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", dice Kevin. "No se despertaron un día diciendo: 'Quiero una app'. Se trata de tener las herramientas adecuadas que realmente ayudan y ofrecerlas de la manera correcta".

Las agencias y los profesionales independientes 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, diseñando para varias superficies, desde sitios web hasta apps, 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 conduce a resultados excepcionales. Obtén más información sobre cómo los equipos utilizan Figma y ponte en contacto con nosotros para solicitar una demostración.