Conode is a productivity app with a plan to make it’s own space in the over-saturated note-taking apps market. It aims to become a central point where you can store and organize content from emails, Slack, Trello, Atlassian’s Jira.

It also serves as a starting point for all your notes and planning with a focus on the information flow. It starts as quick, uncategorized notes that can be created on the fly and easily tagged.  The information then moves from notes to a page that serves as the central point – here you can transform paragraphs in to-dos, Slack messages, tasks in Trello, or send emails to the right people.


The Challenge

The Conode team already had a working prototype with a visual design direction and a set idea of the user flows. I had to identify and come up with an improved flow while keeping in mind the core idea behind the product. All while keeping UI as lightweight as possible.

Workshop

During a two-day workshop, we identified and outlined the differentiating factor of the Conode app and how to best organize the flows around it. At the end of the workshop, we had a tear down exercise:  outsider colleagues were invited and they were presented with a pitch of the updated app. The idea was to have a new perspective on the ideas in an effort to identify overlooked issues.


Sketching

Due to the advanced state of the product, I used sketching sparingly, mostly to quickly communicate ideas and to show concepts.



Wireframing

I usually prefer to focus on wireframing the critical screens and leave the smaller parts for the prototyping phase.

Dashboard
The key here was to provide an overview of the work items (notes, pages, and tasks) while the header introduces them to the note taking/search box – a key functionality present throughout the entire app.


Pages
The most feature-heavy section of the app. It was important to offer the users a quick, in-line, way to transform text blocks into action items such as emails, tasks, slack messages or any future integration they might offer. There needed to be a way to navigate through other work items, as well as information directly connected to the current page.


Unified Login and Registration
On-boarding of new users needed to be as simple as possible. Therefore, I came up with a way to gain first access the app by email only. Since for new and existing users, the first thing to input is the email I merged the signup and login screens into one. Initially, only the email is required then the app automatically allows new users straight in or asks existing ones for the password.



Final Outcome:

Login






Dashboard




Note writing




Search




Pages

Converting text blocks, commenting and assigning tasks









Pages – Sharing