Trybe
Una plataforma de comunidad y comunicación con chats grupales, foros, eventos y notificaciones, para comunidades privadas y públicas.
Qué necesitaban
Reunir chats, foros, eventos y notificaciones en un solo lugar, para comunidades privadas y públicas.
Qué hice
Descubrimiento, flujos, prototipo e interfaz de alta fidelidad para web y mobile.
El resultado
Un producto completo y consistente, de los flujos al diseño final.
Situación inicial
Trybe es una plataforma de comunidad y comunicación. La idea: que una comunidad, privada o pública, tenga en un solo lugar sus chats grupales, sus foros, sus eventos y sus notificaciones, en vez de repartirlos entre varias herramientas.
El desafío era diseñar un producto simple de usar para quienes participan y flexible para quienes administran, con dos tipos de experiencia: comunidades privadas y comunidades públicas.
Qué hice
Lideré el diseño de producto de punta a punta, para web y mobile:
- Descubrimiento y flujos de usuario para entender cómo se mueve una persona entre comunidades, salas y eventos.
- Wireframes y prototipo para validar la estructura antes de pasar al diseño final.
- Interfaz de alta fidelidad consistente en desktop y celular.
La plataforma se organiza así:
- Dashboard. Los mensajes nuevos, las notificaciones y los próximos eventos en una sola pantalla.
- Spaces y salas. Cada comunidad es un “space” con sus salas y eventos, y se puede invitar a más usuarios.
- Conversaciones. Hilos con respuestas y reacciones dentro de cada sala.
- Notificaciones. Una lista que separa lo no visto de lo visto, con búsqueda y acciones rápidas.
En computadora
01 · DashboardTodo en una pantallaMensajes nuevos, notificaciones y próximos eventos, con el menú lateral y la barra de spaces.
02 · SpacesUna tarjeta por comunidadCada comunidad con su espacio y un botón para crear uno nuevo.
03 · ConversaciónHilos con respuestasPreguntas con respuestas, reacciones y un campo para comentar dentro de cada sala.
En el celular
01 · My SpacesTus comunidadesTarjetas grandes y fáciles de tocar.
02 · Un spaceSalas y eventosDescripción, invitar usuarios y pestañas de salas y eventos.
03 · ConversaciónHilos en el bolsilloRespuestas y un campo para escribir siempre a mano.
04 · NotificacionesLo nuevo, primeroSeparadas en no vistas y vistas.
Resultado
- Un producto completo, de los flujos al diseño final, para web y mobile.
- Una estructura simple (dashboard, spaces, salas, conversaciones y notificaciones) que sirve tanto a comunidades privadas como públicas.
- Una navegación mobile con barra inferior para pasar entre dashboard, mensajes, spaces, notificaciones y calendario.
Las pantallas muestran contenido de ejemplo.
Mi rol: Descubrimiento de producto, flujos de usuario, wireframes, prototipo e interfaz de alta fidelidad para web y mobile.