NOD Messaging app
A messenger for people who run projects, with the tools inside the chat.


Overview
The work happens in the chat, so the tools live there too
Teams plan in group chats, then lose decisions, tasks and money in the scroll. NOD keeps them in the conversation, and Mind keeps what matters after the chat moves on.
- The problem
Group chats are where projects get planned, and where decisions, tasks and payments get lost.
- What we did
We designed NOD in Figma and built a live prototype that behaves like the real product, for testing with people.
- The result
A prototype two people can use together in real time, with every core flow working.
Context
WhatsApp meets Pinterest
NOD is a messenger for people who run projects. Every team gets a space, and the things projects need, like polls, checklists, boards and payments, live right in the thread.
Mind is the other half. You can save anything from a chat, organise it into collections the way you would on Pinterest, and send it back into any conversation.
Constraints
- Familiar enough that nobody needs a tutorial
- Capable enough to replace a separate project tool
- Testable with real people long before the production app ships
Key decisions
4 choices that shaped the design
Cards, not links
Polls, checklists, project boards, plans, reminders, payments and bills are live cards in the thread. People vote, tick things off and settle up without leaving the conversation.
Instead of Links out to separate tools.

Mind as memory
Anything worth keeping can be saved from a chat into Mind, organised into stacks with list, grid or shelf views, and found again later.
Instead of A 'starred messages' list.

Sharing people already understand
Collections share like a Google Drive file: view, edit, anyone with the link, or make a copy. Before sending one into a chat, NOD asks whether to give the people in that chat access.
Instead of A new permission model to learn.

A prototype that behaves like the product
The prototype works in real time between two browser tabs, keeps drafts and attachments, and reads receipt photos for bills. Tests and demos feel like using the app, not clicking through slides.
Instead of A clickable Figma prototype.

Prototype
Try the prototype
Screens
More screens



Process
How it was made
Our part is the product design in Figma and the live prototype used for testing. The production app is built by NOD's front-end team.
- Figma
- Next.js
- React
- Real-time between tabs
Catalyst Design Lab
NOD team, 3 developers
NOD team
Outcome
A prototype two people can use together in real time, with every core flow working.
- 6months of product design, ongoing
- 8kinds of live cards in the thread
- 2people can test it together in real time