Taking Notion to the Next Level

01 July, 2020

I've recently been on a big Notion kick recently, spending a lot of time watching videos on Notion and re-organizing my pages. It's been inspirational to see the various ways other people have structured their data. Once I realized that Notion has a similar potential to Airtable, I also dug deep into their community and templates to find more inspiration on more advanced relational database structures.

I thought I'd share the structures of some of my Notion pages and how I manage many aspects of my personal and professional life using the app. Here are the types of content we'll be covering:

  • Blog
  • Todo
  • Personal Porfolio
  • Meal Planner
  • Recipes
  • Social Media Management
  • Project Management
  • Reading Lists
  • Notes
  • Work Expenses
  • Cloud Storage

Let's get right into the Notion!

How I structure content

I have four primary pages that house most of my notes. This allows me to share the Life page (as well as everything in it) with my wife, as well as create a bit of separation between parts of my life. Here are the four pages:

  • The Life page houses things like my Recipes or Shopping List.

Screenshot of Notion sidebar with Life page and nested pages

  • The Ryo page houses my personal brand and business development.

Screenshot of Notion sidebar with Ryo page and nested pages

  • The Notes page houses different types of notes I take, from development to design systems.

Screenshot of Notion sidebar with Notes page and nested pages

  • The Projects page houses exactly that - projects I work on and notes about them.

Screenshot of Notion sidebar with Projects page and nested pages

I'll break down how I use and structure some of the key pages you see listed.

Blog

This one is probably the most simple. It's a page that's a "Table", or database. I use the Kanban view and sort it by the article's status (drafts, published, etc). I have a separate "List" view that acts as an archive for all publish posts, and a "Calendar" view where I can see on what days I actually published (or plan to publish) my blog posts.

Screenshot of the Notion app on the Blog page in a Kanban view sorted by publish status

I write articles, tag them their current state (drafts, published, etc), and write my notes and article inside the database entry. I'll often link to and reference other Notion pages (usually a Todo task). If I'm doing intense editing I'll create pages inside the blog post to house any big edits (like previous revisions).

Todo

Primary view is kanban, separated by todo status (pending, doing, complete, etc). One of the "status" is project, which lets me keep a column specifically with smaller projects I'm working on.

Screenshot of the Notion app on the Todo page in a Kanban view sorted by todo status

Time sensitive tasks are organized in a Calendar view, where I can visualize my schedule of todos I need to complete.

Here's the kick (inspired by Jesse Showalter): For personal projects that don't involve multiple collaborators, you can create linked databases to the overall Todo database and create a filter for the project you're working on. This way you can isolate all your todos in one place, making it easier for things like scheduling, ensuring you don't have to double up on the todo.

Personal Portfolio

This one seems obvious, but it can be easily overlooked, particularly if your brand or business existed prior to Notion. And it's just something you might not immediately think to document in this particular fashion, but once you do, it becomes clear how invaluable it is. I was heavily inspired by this Notion video that featured Cheng Lennon and his process.

Screenshot of Notion sidebar with Portfolio page and nested pages

I took many of the key pieces of data that I convey on my resume and portfolio, like contact details and work history, or even my mission statement, and I created a CV-styled page. I can send this directly to recruiters with Notion's public link feature, or I can reference it when redesigning my portfolio ore resume.

Screenshot of the Notion app on my "CV"-style page showing my info and work history

Alongside a CV, I also created a database of previous clients. It helps when you need to make a new catered CV/resume and want to change up your work history to something more relevant. I can easily filter by skills, project types, time periods, etc.

And to make it easier to keep track of the best work I created a Portfolio page that lists all my core skills and key portfolio items. I can also send this to recruiters, or download images to quickly send to clients:

Screenshot of the Notion app on my "Examples of Work" page with a list of categories in one column and images on the right

Work Log

This one is a Notion page I wish I would have started sooner. The "Work Log" is a database where I keep screenshots, links, and other details related to the work I do on a daily basis. I can organize it by project, so I can get an overview of what I've completed over time and see progression in the project (or overall).

Screenshot of the Notion app on my Work Log page with a table or "database" view

Here is where Notion shines where you can juggle between a "Table" view with a lot of great detail (like attaching a URL, files, setting a date, etc) โ€” and you can pop over to a "Gallery" view and see a more visual representation of the data.

Screenshot of the Notion app on my Work Log page with a gallery view showing screenshots of work as cards

Or a "Calendar" view where you can visualize your work across time:

Screenshot of the Notion app on my Work Log page with posts sorted in a calendar view

What's great about the work log is that I can use it inside of other projects. I often keep a "Screenshots" page inside of many project pages that acts as an cloud-based archive of the project development. I still do this, since it can be helpful to organize them in particular ways that aren't tabular (like creating columns to show side-by-sides, or creating contextual/instructional annotations). But now, even if I don't manually keep a screenshots page, I can add a relational table to my work log that filters by that particular project.

Meal Planner

Beyond tech, I'm big on health and nutrition. I'm currently on a lean bulk, which means my diet has to consist of a larger caloric intake, as well a certain ratios of carbs, fats, and protein. Twice a week I commit to a process called "meal prepping" where I spend a few hours cooking 3-4+ days worth of meals for myself and my wife. To make this process as productive as possible, and to ensure I hit my "macros" or nutritional goals, I need plan the meals out prior to the prep.

I found a great Notion template to get me started with this one and I edited it to fit my needs. It works by creating 3 databases: "Shopping List", "Meals" and a "Meal Prep Calendar". I also have a "Meal Prep Log" that acts as an archive of what's actually cooked.

Screenshot of Notion sidebar with Meal Planner page and nested pages

The Meals database contains the dishes I cook, like "Rice, Black Beans, and Chicken". Each page inside the meals database has a field that relates to the Shopping List database, where I store each item used to cook the meal (in this case individually: rice - beans - and chicken).

Screenshot of the Notion app on the Meals page with a Kanban view sorted by meal type

The Meal Prep Calendar is exactly what is sounds like. It's a database that I primarily keep in a monthly "Calendar". Each day I make pages that corresponds to a meal time (breakfast, snack, etc), 8 in total. Each page here, like my Breakfast card for instance, is linked to the Meals and Ingredients database. This lets me search for meals/ingredients and associate them with database entries with macros. I can also display the related fields on the Calendar by enabling their property, allowing me to quickly glance and see the entire meal plan.

Screenshot of the Notion app on the Meal Prep Calendar page with a calendar view with 6 meal cards per day

I also tag each day's meals with the day of the week (all Monday meals get tagged Monday). This lets me create a "Kanban" view for the table that acts as "weekly" meal tracker. Each kanban column represents a day of the week. To limit the meals to the current week, I create 2 date filters (on/after Sunday and on/before Saturday). Each week I have to manually configure the filters, but it can be nice to see the week in isolation.

Screenshot of the Notion app on the Meal Prep Calendar page with a Kanban view sorted by day of the week

Previously the template came with a "Weekly View" page with a table that featured a similar looking "Kanban" view that above, but you could only plan one week at a time, and you'd have to overwrite the previous week's plans (which took time to delete + replace all the properties). And what's funny with my meal prep process, I often alternate plans between weeks, so I'd end up recreating old plans constantly. This led me to create the Meal Prep Calendar page, where I can keep an archive of all my meal prep plans, and allow me to quickly copy days or even weeks.

It's also nice, the template came with a Shopping List database that's related to the Meals table, but filters it by the Ingredients included. This lets you plan out meals and then automatically generate a shopping list.

Screenshot of the Notion app on the Shopping List page with a table or "database" view (in a list format)

I also keep a Meal Prep Log database where each time I cook, I note what food I prepared. This eliminates the need to label food with expiration dates in the fridge (mostly), and allows us to easily go back and answer "how long ago did we make that thing in the freezer?".

Screenshot of the Notion app on the Meal Prep Log page with a database view with each day as an entry

Recipes

This is one I'll probably end up merging into the Meals database, but I keep a separate database for recipes. This allows me to quickly store recipes I find online using the Notion browser extension, or author my own.

Screenshot of the Notion app on the Recipes page with a table in gallery view

I have a template that creates the necessary structure for recipe pages (like ingredients/steps, as well as macros):

Screenshot of the Notion app on a recipe page (Raising Canes chicken specifically) showing page properties like recipe URL or macros (fat/protein/etc)

Social Media Management

For my personal brand, I created a Social Media page that houses my post schedule, assets, and any information about accounts and process. This one I haven't fleshed out incredibly, but it'll contain things I currently have in a separate todo page (like my goals, ideas for content, etc).

Screenshot of the Notion app on the Social Media page with a table view

Project Management

Notion has been indispensable for project management. It's capability to store every type of data I need to store (all on the cloud) make it ideal as an archive or knowledge base for teams working on new (and even older projects).

Here's an example of SeshSource, one of my side projects I've been working on. Many of the pages are very basic, like a Ticketing Process page that is simply a text page that discusses the process.

Screenshot of the Notion app on a project page (SeshSource) containing a list of other Notion pages like Roadmap and Server Login

Others are a little more complex, like the Design Roadmap page. This page contains a few inline tables that keep track of components and pages that need to be designed and coded. I can also link to the designs, and even embed the Figma documents if needed.

Screenshot of the Notion app on the Design Roadmap page with a table view containing a list of components to design

Design Feedback

I keep a page with an inline table for meeting notes and design feedback / critiques. You can create a template for each type to make it faster getting started. And of course you can embed Figma, Invision, and other types of design files directly into the Notion page for easier access for teammates.

Screenshot of the Notion app on the Design Feedback page with a Figma embed

Reading Lists

I'm an avid reader of blogs and various publications so I'm constantly keeping an archive of posts I'd like to read. I keep two lists in Notion, a personal reading list, and one specifically for design systems. In the table I keep track of things like if I've read it or not, the date I read the article, and a quick summary:

Screenshot of the Notion app on the Reading List page with a table view listing articles to read

I'm a big fan of this table as it plays into a new website I'm working on, Design Systems Directory. I wanted to create a website that acts as an archive or "directory" for all design systems articles and media. As I go through blogs I'm subscribed to, newsletters, and other publications โ€” I'm constantly saving articles into the Design Systems Reading List on Notion. Then later I can export the list as Markdown or CSV later for importing into a database. I'm excited to take this content and use a framework like Gatsby to generate a website based off of it.

It's also valuable to go back and look at more timeless content that has become more relevant thanks to a present project I'm working on.

Notes

Notation is a key process in my learning process and acts as a better personal reference down the line when I reapproach similar tasks. I take notes primarily on Development, Design Systems, and personal/home processes.

Since I expect to have so many, my development notes are kept in a table. This allows me to filter them by particular tags or search for certain names.

Screenshot of the Notion app on the Dev Notes page with a table view containing topic-centric pages (like React)

I have a template for creating new "topics" that outlines the basic research structure I undergo. It acts as a quick overview of the library/topic letting me know what it is, why I'd use it, and a quick getting started guide:

Screenshot of the Notion app on a template page used for creating new topic in the "Dev Notes" table

You can see a filled out version featuring React Native here. I also use sub-pages here to contain more dense bits of information, like the basics behind a library, or a list of all the component libraries available:

Screenshot of the Notion app on the React Native page with notes on the subject

You can see the design system page below, where I use Notion's two column layout to display a summary and image of the component library in action.

Screenshot of the Notion app on the React Native Design Systems page containing 2 columns - info on systems left and images on right

Work Expenses

I keep track of all my professional expenses, one-time or recurring, using a Work Expenses page. It's just an inline table with a list of expenses, amount, type, etc. I believe this one is a template that Notion offers by default. I added a couple views to the table that allow me to filter by monthly expenses vs one-time, and track expenses for each quarter.

Screenshot of the Notion app on the Work Expenses page with a table view containing a list of expenses, their cost, when last paid, etc

Cloud Storage

I utilize a few cloud-based storage options like Dropbox and Google Drive for storing various personal and professional files. From my website backups to business documents, anything that I keep on the cloud I document here (as an overview โ€” not 1:1 tracking). This helps me visualize the structure, quickly click links to go to certain folders online, and understand how to organize my data (where does this go? portfolio, projects, or freelance docs?).

I use Notion's toggle or accordion block here to replicate the folder structure of each cloud storage platform.

Screenshot of the Notion app on the Cloud Storage page containing a list of Dropbox folder names as accordion toggles (with more folders inside)

Notion is king

The new joke around my house with my wife is that Notion better never disappear, or we'd lose half our lives. I also joke (not really) that if Notion ever did disappear, I'm ready to replicate the app for personal purposes because I have yet to find a form of notation that's been as productive for me.

I hope seeing some of these structures helps envision how you can incorporate Notion into your life and improve your workflow.

Full disclosure: There are Notion affiliate links on this page, but I am in no way affiliated or sponsored by Notion. But by using my link you get an additional \$15 in credit and give me \$5 in credit. Many thanks if you've used my link in the past! ๐Ÿ™

References

Notion SuperCharged | How I organize my whole life

Notion Office Hours: Design with Notion ๐Ÿ–ผ

๐Ÿ”— This post was filed under

Blue square avatar white centered hiragana text reading Ryosuke

@Ryosuke21 days ago