Trybe
A community and communication platform with group chats, forums, events, and notifications, for private and public communities.
What they needed
Bring chats, forums, events and notifications together in one place, for private and public communities.
What I did
Discovery, flows, prototype and high-fidelity interface for web and mobile.
The result
A complete, consistent product, from the flows to the final design.
Starting point
Trybe is a community and communication platform. The idea: a community, private or public, has its group chats, forums, events and notifications in one place, instead of spread across several tools.
The challenge was to design a product that is simple for participants and flexible for administrators, with two kinds of experience: private communities and public communities.
What I did
I led product design end to end, for web and mobile:
- Discovery and user flows to understand how a person moves between communities, rooms and events.
- Wireframes and a prototype to validate the structure before moving to the final design.
- High-fidelity interface consistent across desktop and mobile.
The platform is organized like this:
- Dashboard. New messages, notifications and upcoming events on a single screen.
- Spaces and rooms. Each community is a “space” with its rooms and events, and more users can be invited.
- Conversations. Threads with replies and reactions inside each room.
- Notifications. A list that separates unseen from seen, with search and quick actions.
On desktop
01 · DashboardEverything on one screenNew messages, notifications and upcoming events, with the side menu and the spaces bar.
02 · SpacesOne card per communityEach community with its own space and a button to create a new one.
03 · ConversationThreads with repliesQuestions with replies, reactions and a comment field inside each room.
On mobile
01 · My SpacesYour communitiesBig, easy-to-tap cards.
02 · A spaceRooms and eventsDescription, invite users and tabs for rooms and events.
03 · ConversationThreads in your pocketReplies and a writing field always at hand.
04 · NotificationsWhat’s new, firstSplit into unseen and seen.
Result
- A complete product, from the flows to the final design, for web and mobile.
- A simple structure (dashboard, spaces, rooms, conversations and notifications) that works for both private and public communities.
- Mobile navigation with a bottom bar to move between dashboard, messages, spaces, notifications and calendar.
Screens use sample content.
My role: Product discovery, user flows, wireframes, prototype and high-fidelity interface for web and mobile.