08

Diseño de comunidades digitales

Facilitar que los líderes empresariales encuentren, conecten y participen.

UX / UI DesignComunidadPlataforma digital
Diseño de comunidades digitales

Contexto

BTBOX Communities es una plataforma digital diseñada para fortalecer la colaboración y el crecimiento de comunidades empresariales en Latinoamérica, ofreciendo a cámaras de comercio y asociaciones empresariales herramientas para conectar, gestionar eventos y fomentar el networking. El diseño tenía que sentirse parte de un producto existente, no como una experiencia independiente, y reunir distintos tipos de actividad sin convertir la plataforma en una colección de herramientas desconectadas. El reto era diseñar el módulo Communities como un MVP claro y actual para líderes empresariales, manteniendo al mismo tiempo la coherencia visual con el resto de la plataforma, que ya había sido diseñada por otro equipo de UX/UI.

Lo que hice

Lideré el proceso de UX/UI del módulo Communities, utilizando investigación y modelos de usuario para decidir qué necesitaba la experiencia antes de pasar al diseño de interfaz.

  • Realicé investigación y empathy mapping.

  • Creé user personas y un Customer Journey conceptual a partir de los insights del cliente.

  • Analicé plataformas de comunidades digitales similares.

  • Diseñé wireframes, flujos y prototipos interactivos para el MVP desktop.

  • Diseñé las principales áreas: Home, Feed, Events, Communities, Courses & Workshops, Investment Rounds, Microsites y My Agenda.

  • Detecté un problema de usabilidad en la iconografía existente y propuse una nueva familia de iconos alineada con patrones de interacción conocidos y con el lenguaje visual existente.

  • Colaboré con el Project Manager en las etapas del proyecto, la comunicación con el cliente y los ciclos de validación.

Lo interesante no era diseñar más funcionalidades. Era conseguir que un ecosistema amplio pudiera entenderse de un vistazo.

Del insight a la dirección

Las personas tenían que entender dónde estaban, qué podían hacer y hacia dónde podían ir sin tener que aprender primero cómo funcionaba la plataforma.

  • Reducir la barrera de entrada. Hacer que la plataforma resultara comprensible desde el primer uso.

  • Dar estructura al ecosistema. Organizar las distintas actividades para que pudieran entenderse de un vistazo.

  • Diseñar para la acción. Facilitar que los usuarios encontraran lo que necesitaban y pudieran actuar.

  • Construir consistencia dentro del sistema. Mantener la continuidad visual con el producto que los usuarios ya conocían.

El trabajo de diseño

01

UX Research, empathy mapping y benchmarking.

02

User personas y Customer Journey conceptual.

03

Arquitectura de información y navegación.

04

Wireframes y prototipos interactivos.

05

Diseño UI desktop para el MVP de Communities.

06

Rediseño de iconografía y aportación al design system.

07

Validación con el cliente y colaboración con Project Management.

Impacto

Impacto observable

  • Entregué un diseño cohesionado del MVP de Communities listo para testing.

  • Creé una jerarquía de navegación e información pensada para facilitar la comprensión de las distintas actividades.

  • El cliente aceptó y valoró la propuesta de rediseño de iconografía por mejorar la claridad y usabilidad sin romper la coherencia con la plataforma existente.

  • El diseño estableció una base visual consistente para las principales áreas del producto.

Valor para el negocio

  • Una estructura de información clara puede reducir el esfuerzo cognitivo cuando un producto reúne muchas actividades en un mismo lugar.

  • Diseñar a partir de las necesidades de los usuarios antes de ejecutar la interfaz proporciona una base más sólida para tomar decisiones de producto y validarlas.

  • Un sistema visual y de interacción coherente facilita que una plataforma pueda crecer sin que cada nueva funcionalidad parezca un producto diferente.

Lo que me llevo

Un buen diseño de interfaz empieza antes de la interfaz. Las pantallas resultaron mucho más fáciles de diseñar cuando las preguntas de fondo estaban claras: quién utilizaría esto, qué intenta conseguir, qué necesita entender primero y qué debería resultar obvio. Ahí es donde UX Strategy y diseño visual se encuentran para mí: simplificar la complejidad sin aplanar la experiencia.

Si empezara hoy...

Involucraría antes a los usuarios en la validación, especialmente en onboarding y arquitectura de información, y establecería algunas métricas de usabilidad antes del testing. También trataría la biblioteca de iconos como parte de un design system más amplio desde el principio.

Un buen diseño de interfaz empieza por entender qué necesitan conseguir las personas.