Power of Notion. Overview and ๐ŸŽ bonus template for a design project

Markiyan Vaskiv
OffGrid Design Community

--

Important notes: I donโ€™t have any relation to Notion, Iโ€™m just the guy who loves this tool and wants to elaborate about my love in this article. And I want to thank Bogdan Yemets for a huge help with this article.

Intro

Good afternoon. If you are here, you are most likely a designer familiar with Notion and looking for some experience with this beautiful tool.

In this article, I will cover some thoughts why Notion is superb, how I use it in everyday life, and I will share the template for a small design project which I created and tested during the OffGrid design school for the team of 5 people (2 mentors and 3 students).

Hope you would like it ๐Ÿ™ƒ

How I met your Notion

The story

Kids, in my previous work in the design team, consisted of 2 people we used many different tools โ€” Google Docs, Google Sheets, Trello, Dropbox, Miro, Invision, Sketch and Apple notes for different purposes: documentation, reports, estimates, CJMs, IAs, simple notes, etc. It was okay, but to be true โ€” the variety of tools drove us crazy.

After we switched to Figma, our toolset shrank (thatโ€™s another long story ๐Ÿ˜‰), but before that we were about to discover the Power โ€” accidentally, I noticed a fancy application on my friendโ€™s macbook and asked what it was.

That app was called Notion, and I felt a powerful sympathy (sorry, I donโ€™t believe in love at first sight ๐Ÿ™ƒ).

Me on the right ๐Ÿ™‚

The first look

Iโ€™ve taken a look and was happy at first glance. I mean, I saw an excellent minimalistic design, a dark theme, a rich variance of text markup, some basic tables, kanban boards, a calendar, etc.

Iโ€™ve asked my friend:
โ€” So, it means I can create a paragraph, then add a table with competitors and below that kanban board with action items I need to do? And each row and card is a page?โ€
โ€” Yes.

Well, that sounds awesome! Itโ€™s worth spending some time to get more familiar with this tool. And my mind started visualizing great dashboards, incredible layouts and resolving all current frustrations caused by a large number of tools.

Literally, me on the left when I first saw Notion.

What is Notion

Weโ€™re more than a doc. Or a table. Customize Notion to work the way you do.
states on Notionโ€™s homepage and that is true ๐Ÿฆพ

The basis ๐Ÿ‰

The main distinguishing principle of Notion is the block structure of pages. And even the page itself is the block. Everything in Notion is the block: text, title, quote, table, table row, callout, board, image, etc.

From different blocks you create your workspace, like Lego in childhood or like auto layout components in Figma today.

Examples of all main simple text blocks.

Block โ€” is a power of Notion ๐Ÿ‰

Templates

Besides blocks, Notion has plenty of templates for different aims, roles and scenarios, which you can use for your own. Letโ€™s check design templates. Here is a list:
๐Ÿš˜ Roadmap
๐Ÿ”ฌ User research
๐ŸŽ’ Task list
โœ๏ธ Meeting notes
๐Ÿ–Š Design system
๐ŸŽฏ Company goals

Examples of Notion templates for designers.

And letโ€™s be honest โ€” Notion did a good job of creating different cases with approximate data to see use cases, but the most valuable part of these templates I see as an inspiration for a huge progressive workspace with different relations in databases.

Databases

You could notice one similar detail in the templates presented above โ€” they all are built as databases. And that is what elevates Notion to a level above of the note-taking applications.

Databases are a collection of pages with different properties and can be visualized as you want. There are six ways to demonstrate a database:

  • Table
  • Board
  • Calendar
  • Timeline
  • List
  • Gallery
Mr. Volodymyr Zelensky is demonstrating six database views in Notion.

And thatโ€™s not all. Everything is connected in Notion. You can customize the same database with:

  • different types of visualization;
  • showing and hiding properties;
  • filtering and sorting by property values.
1 database, 6 views, many cases.

Block and database โ€” are a true power of Notion ๐Ÿ‰

Linked databases

Notion also allows you to create linked databases. Linked databases are similar to a father component and instance in Figma. For example โ€” you create a calendar on page A and then go to page B and create a new calendar linked to the first one. All changes are visible on both sides.

Example of creating linked databases.

Advanced properties

You can do amazing things with databases. Itโ€™s like a fire that Prometheus gave to humans. But that is not all!

I went deeper and deeper into properties rabbit hole and found there are not only simple ones, like text, number, date, etc., but there are also advanced ones, and this is where the magic begins โœจ.

Formula
If you want to feel yourself a developer โ€” welcome! With the help of basis operators and functions, you can customize this field as you wish.

Relation
This property allows you to select pages from different databases and creates dependencies between databases.

Rollup
Works only with relations. Allows you to manipulate with page properties previously selected for relation from another database.

Short summary of database features.

How I use Notion

To understand better the power of all features mentioned above, I will show you an example from my life. I made a recipes page, but not unusual. I have four databases there:

  1. Nutrition info database โ€” a table with nutrition information per 100 g (sorry guys from the US and UK ๐Ÿ˜…) of products I eat the most
  2. Ingredients database โ€” a list of products I need for a particular meal where I fill in the required weight. Products are being selected from the Nutrition info database, and when I set weight, it calculates the appropriate nutrition info.
  3. Recipe database โ€” a recipe with a rollup property from Ingredients that calculates the total weight and total nutrition of a meal
  4. Menu database โ€” calendar where I add recipes to the day card, and it calculates my total nutrition for the day.
Nutrition information (on the left) and recipe page (on the right). Sorry, all in Ukrainian ๐Ÿ™ƒ

So basically, Iโ€™ve built a food tracker in Notion ๐Ÿ And you can build too if you want.

Block, database, advanced properties and linked database โ€” are an absolute power of Notion ๐Ÿ‰

Darth Sidious made his plot using advanced Notion features.

Other examples

Letโ€™s switch to simplified cases ๐Ÿ˜… Here are a few examples of how I use it for everyday life:

Travel
I gather all needed info about locations, bookings, and, most importantly, spending. They all have categories, and I can see after each trip how much I spend on each category. This info helps me compare category spending in different regions and plan the budget for the next trip.

Travel database (left) and travel page (right). Please support ๐Ÿ‡บ๐Ÿ‡ฆ Ukraine. Sooner we win, sooner Ukrainian people will be able to travel again.

Design
Of course, I made a wiki for UX. Itโ€™s pretty self-explanatory. Itโ€™s still in progress ๐Ÿ™‚

My design wiki.

Books
Books collection with insights from book on each database book page.

My books library.

Vinyl
Iโ€™m collecting vinyl, and this page helps me check what I already have and donโ€™t need to buy. Also, this is a good hint for my friends who want to gift me a vinyl.

Are you collecting vinyls too?

I havenโ€™t mentioned one thing about Notion yet โ€” regular feature updates and performance improvement. Good to see that team always is working to improve usability, performance and new features.

Template for designers

And now, with all that information in mind, I can finally show you the workspace Iโ€™ve created and tested on a group of students.

Case

Imagine we have a project โ€” a new application with a grocery list because there is a huge gap in the market and there are no list applications in the world.

๐Ÿ‘‰๐Ÿฝ๐Ÿ‘‰๐Ÿผ๐Ÿ‘‰๐Ÿป ๐Ÿ’  Design project workspace template ๐Ÿ‘ˆ๐Ÿป๐Ÿ‘ˆ๐Ÿผ๐Ÿ‘ˆ๐Ÿฝ

Letโ€™s have a closer look at each block.

๐Ÿ›ฃ Roadmap

Epics are decomposed by tasks. For each epic added design phase that can be collapsed and expanded to save space. The timeline gives you the main status of the project.

Each epic is estimated by calculation of estimated related tasks and each epic page contains board with tasks from the selected epic.

โ˜‘๏ธ Tasks

Most used board of the project. Kanban view for a current sprint with a helpful filter: view only your tasks or tasks for each team member.

Important table with all tasks with additional views of tasks in different statuses.

Each task has relation to epic and sprint, estimation, priority and asignee.

๐Ÿƒ๐Ÿป Sprints

Calendar view with one-week sprint (for demo purposes). Each sprint has an estimate calculated by estimated tasks.

Calendar view abilities allow adding helpful information about team membersโ€™ leave for different occasions. This information helps us understand sprint capacity much better.

Also, each sprint card contains a kanban with all tasks from that sprint.

Sidebar

๐Ÿ“‹ Documentation โ€” pretty self-explanatory helpful sidebar where you can store all needed files, reports and links all in one place.

โœ๏ธ Notes โ€” list database with important notes you take during calls. Most likely, you would use a lot, and some additional categorization with filter views would be helpful.

๐Ÿ™๐Ÿป And this is design template in Notion ๐Ÿ™๐Ÿป

Other templates

Iโ€™ve found other articles on Medium with helpful Notion templates for designers:

A spoonful of tar in a barrel of honey

If you still remember, there is the word โ€œOverviewโ€ in the article name. It would not be objective to talk only about the good sides of Notion. As everything in this world, Notion is not ideal.

High thresholds

It may look like an easy tool, but due to its waste functionality, Notion has a high entry threshold, and you may need some time to study resources to become an advanced Notion user. Here are some of them for you to start:

You still need some extra tools

Remember how you can switch between different database types? Like the switch from table to calendar. This is really cool and powerful on the one hand, but on the other hand you wonโ€™t have:

  • such flexibility and charts that are in Google Sheet or Excel
  • recurring events as in calendar apps

Most likely, Notion would never have these features due to the specifics of databases.

But! Recently Notion released the new block โ€” simple table (not a database), similar to what we have in Excel. Maybe this is the beggining? ๐Ÿค”

Online only

Unfortunately, without a connection you wonโ€™t be able to create content. There is a lot of rumors Notion team next priority is an offline mode so letโ€™s wait for it. Previous experience showed that the team brings new features on a regular basis.

A trap of the dashboard layout

The advantage of Notion is that you can create your own layout. And this is also the weakness and trap, the trap of time. Iโ€™ve seen a lot of complaints from Reddit users they spent more time creating home dashboards than using their dashboards.

Be aware of it! This can happen because the more choices you have, the harder to choose, and Notion gives you many variants of how you can build your dashboards.

Rebels used Notion too. To destroy Death Star. Twice. Sorry for spoilers ๐Ÿ˜ฅ

Mobile experience

A controversial claim because Notion is more a desktop-oriented tool because of itโ€™s complexity. But the mobile app has all desktop features. Sometimes mobile experience could be frustrating if you want to create a large database or play with the layout.

Apple notes is much much pleasure to work in. Mobile Notion is more for reading or adding notes rather than setting kanban board for a new sprint. But, would you set a new sprint in Jira from mobile?

Summary

Quick summary.

In general, Notion is a great tool for day-to-day life and project management. However, the ideal tool for all your needs does not exist in this world. There always will be limitations, and you will need to find applications for individual narrowly focused aims.

My main idea of this overview is to state that:

in right hands and advanced tool usage Notion can be the operating system of your life.

And this is the true absolute power of Notion ๐Ÿ‰

--

--