Tres formas abstractas superpuestas: un triángulo violeta con textura, un octágono naranja con un patrón de ondas y un triángulo amarillo con una espiral, sobre fondo oscuro.

Un gráfico de red con seis círculos con nombre, Veraldi Jeanne, Lizzie Rose, Yiung Cho y Kari Granleese, más un hexágono para Cáritas, todos conectados a un nodo central, Alexander Stefan.

Dos tarjetas oscuras lado a lado, "Social Business Plan" con etiquetas como Finance y Leaders, y "A Matchmaker of volunteering" que describe un proyecto artístico de un TED Fellow, sobre formas orgánicas naranjas y violetas.

Una hoja de papel cuadriculado inclinada, en tonos crema y violeta, apoyada sobre una forma azul con forma de nube, sobre fondo oscuro.

Tres tarjetas de miembros, Uche Ogbonna, Fatima Delgadillo y Oka Tomoaki, cada una con una etiqueta de rol y un retrato, sobre una forma orgánica amarilla.

Community Arts Network

Community Arts Network (CAN) es una plataforma global de más de 1.000 miembros en 80 países que usan las artes para el cambio social. Diseñé el sitio web que convierte una comunidad de ideas en una red, y una red en una fuerza de cambio.

Tarjeta de perfil de un miembro, Agarwal Kansshi, educador con base en Alemania, con un retrato, una foto de una instalación artística, enlaces a redes y una breve biografía.

Visualizar una red compleja. La comunidad está formada por individuos y organizaciones de más de 80 países, todos conectados entre sí. El desafío era convertir esa red en algo que las personas pudieran explorar y entender, y ayudarlas a descubrir conexiones que no habrían encontrado por su cuenta.

Comunicar arte y trabajo social a la vez. CAN existe para usar las artes en favor del cambio social, así que el sitio tenía que sentirse como las dos cosas a la vez: la energía expresiva del arte y el propósito del trabajo social. El desafío era comunicar esa sensación a través del propio diseño, no solo del contenido.

Una pantalla oscura con los temas del sitio, "Arts for Education & Empowerment," "Climate," "Democracy & Civic Engagement," "Hope & Coming Together," "Rethinking Business" y "Wellbeing," conectados por una línea ondulante que va del amarillo al violeta y al naranja, con una foto y un botón "Enter" sobre "Wellbeing."

Arte que toma postura

Comunicar arte y trabajo social a la vez requirió dos pasos. Primero, creé un conjunto de ilustraciones que le dan color y energía a todo el sitio, y que además representan distintas voces a través de diferentes formas y técnicas. Después las complementamos con grandes titulares en los hero que se sienten como una reivindicación social. Juntas funcionan como una sola voz, de modo que el arte y el trabajo social se sienten como un único mensaje, y marcan el tono antes de que alguien lea el contenido.

El menú Magazine abierto sobre un artículo del blog, con un círculo dibujado a mano alrededor del tema "Democracy" y botones "— Back" y "Close". — Hasta el menú lleva una marca, así que elegir un tema se siente como tomar postura.

Un formulario de registro para un perfil de miembro llamado Laura Smith, investigadora y curadora con base en España, con campos para biografía, áreas de interés, enlaces y fotos, enmarcado por una forma orgánica naranja.

Las ilustraciones no se quedan dentro de un marco. Formas de color desbordan el contenido y conviven con él, cada una con su propia forma y técnica para una voz distinta, de modo que cada página se siente compuesta y no plantillada.

Pantalla de carga de la red, con tres números, miembros, países y conexiones, vestidos con formas de colores y pinceladas azules, y un botón "Enter the Network". — Los números cargan primero, vestidos con las mismas pinceladas y colores que el resto del sitio, que le suman contexto a la experiencia mientras la red carga.

La red tenía que ser fácil de navegar en cualquier nivel de zoom, sentirse cercana y no fría, y mantener el lenguaje visual del resto del sitio, todo sin perder usabilidad. Desde lejos, la comunidad es una red de círculos para individuos y hexágonos para organizaciones. Un vínculo significa resonancia: el trabajo de un miembro resuena con el de otro, en cualquiera de las dos direcciones. Al hacer zoom, los puntos se convierten en caras y logos teñidos con los colores del sitio, así que una red se transforma en un conjunto de personas. Al pasar el cursor se abre un perfil, y la búsqueda, los filtros y una vista de lista la mantienen usable a cualquier escala.

El mapa de la red alejado, con círculos para individuos y hexágonos para organizaciones en distintos colores, conectados por líneas finas, con búsqueda, filtros y un selector de vista Map/List.

Una vista de la red con zoom, con la mayoría de los nodos en escala de grises, salvo un miembro resaltado conectado con Cáritas, Domestic Data Streamers y otros nodos de color con sus nombres visibles.

Hasta un gráfico técnico habla el lenguaje del sitio: la pantalla de entrada combina las formas del gráfico con pinceladas expresivas y la paleta de las ilustraciones.

Arte e impacto social, juntos

Cada parte del sitio hace la misma afirmación: el arte y el impacto social son una sola cosa. Las ilustraciones y las declaraciones hablan como una sola voz, y la red muestra que la postura no es de una sola persona sino compartida.

Los miembros pueden ver quién más hay ahí afuera, encontrar el trabajo que resuena con el propio y conocer aliados que no habrían encontrado solos.

Pantalla de cierre con la frase "Solving the world's biggest problems takes ensembles, not soloists", parcialmente marcada a mano, junto a tarjetas de miembros y un panel violeta que invita a sumarse como miembro. — Solving the world's biggest problems takes ensembles, not soloists: las palabras del propio sitio para lo que CAN está hecho para lograr.

Equipo

Domestic Data Streamers: Relación con el cliente / Dirección de arte / Desarrollo

Ezequiel Salatino: Diseño web / UI - UX / Ilustraciones