Un largo camino, y un rediseño

Brief

Enfant Terrible es un medio de comunicación cooperativo fundado en 2018 en Córdoba, Argentina.

Aborda temas socioambientales, políticos, territoriales y de género. Articula con organizaciones sociales y es miembro fundador de la Red de Medios Digitales (RMD) de Argentina.

Mi rol

Como principal diseñador y desarrollador, me encargué de llevar adelante el proceso de exploración, diseño e implementación del sitio web Enfant Terrible.

Conduje entrevistas internas y externas, realicé prototipos de baja y alta fidelidad, y me encargué de su implementación en WordPress.

El problema

Enfant Terrible atravesó varios procesos de maduración de su identidad visual desde su fundación.

Dado el énfasis en redes sociales, con un particular crecimiento en Instagram, la velocidad con la que la identidad visual maduró no fue la misma que la del sitio web.

Muchos componentes del sitio ya no representaban la identidad visual de Enfant Terrible, mientras que otros tenían problemas en términos de usabilidad.

Objetivo

Implementar un rediseño del sitio web de Enfant Terrible que sea consistente con su identidad visual actual.

Investigación

Llevé adelante reuniones con el equipo de Enfant Terrible para identificar problemas y potenciales mejoras.

Consideré la plataforma web y las redes sociales como una familia de productos interrelacionados, y realicé un análisis heurístico para evaluar la consistencia interna a nivel visual.

Analicé los datos provistos por Google Analytics y Microsoft Clarity para entender mejor los patrones de consumo e interacción con el sitio web.

Conduje entrevistas con 6 usuarios asiduos para profundizar cómo consumen el contenido de plataforma web, como así también los problemas o inconvenientes con los que se suelen encontrar.

Diseñando

Teniendo en cuenta lo planteado por el equipo de Enfant Terrible, más los insights recolectados de las entrevistas y analytics, se identificaron elementos claves:

• Diseñar una única fuente de verdad que permita mantener la consistencia interna entre los diferentes productos.
• Mejorar la disposición de artículos en la página de inicio.
• Implementar un mejor sistema de búsqueda.

Única fuente de verdad

Realicé en Figma una guía de estilos y marca que permita guiar el proceso de rediseño. Esta guía sirvió tanto como para el rediseño web, como para la mejora del flujo de generación de assets para redes sociales por parte del equipo de Community Management.

Home (is where I want to be)

Una vez sistematizada la guía de estilos y marca, se procedió a iterar sobre una serie de wireframes. Se prestó especial atención a la página de Inicio y los artículos en sí, dado que eran los puntos de acceso más comunes según Analytics y lo recabado por las entrevistas realizadas.

Tuvimos varias sesiones de ideación con el equipo de Enfant Terrible, donde presenté algunos problemas que tenía el sitio web en términos de usabilidad y accesibilidad. Trabajamos durante varias semanas sobre la disposición de la página de inicio y los artículos.

Se implementó un feed de artículos que prioriza un contenido más compacto, con la mayor cantidad de información posible en cada artículo derivando cierta información (autoría, categoría, fecha) a un segundo plano.

Mejorando la búsqueda

Uno de los problemas que mencionaron los usuarios entrevistados fue lo engorroso que resultaba buscar un artículo cuando no sabían cómo formular la búsqueda. El sistema no proveía ninguna notificación de estado hasta después de haber realizado la búsqueda.

Para amenizar el proceso de búsqueda, se diseñó un flujo que brindase una búsqueda en vivo con opciones de autocompletado, reduciendo la cantidad de interacciones y proveyendo notificaciones del estado de la búsqueda.

Algunas conclusiones

El proyecto está escrito en un orden lógico, no cronológico.

Ciertas etapas fueron desafiantes debido a recursos limitados. Como único diseñador y desarrollador, el proceso fue más largo y menos integral de lo que me hubiera gustado.

A pesar de eso, el rediseño recibió comentarios positivos, tanto dentro de Enfant Terrible como con usuarios externos, incluso fuera de la muestra utilizada para evaluar la implementación.

Aunque la identidad visual de Enfant Terrible se ha desarrollado en los últimos años, aún quedan cosas por resolver.

Actualmente, el sitio web está construido utilizando Oxygen, un constructor visual, y Winden, una extensión que permite el uso de Tailwind.

La decisión de hacerlo de esta manera se debe a que el sitio mismo está en un punto de inflexión, con una migración planificada a un tema híbrido con Tailwind.

Oxygen y Winden resultaron ser un punto intermedio, siendo el primero parte de la deuda tecnológica del sitio.