paint-brush
Building a Notion Personal Website (With Template)by@whizzoe
902 reads
902 reads

Building a Notion Personal Website (With Template)

by Zoe ChewMarch 11th, 2023
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

As a product builder, I built micro tools to solve my own problems. I’ll share my process of creating a one-page Notion personal website to showcase your **work, project and portfolio. I also share a copy of my free **Notion template** with you.
featured image - Building a Notion Personal Website (With Template)
Zoe Chew HackerNoon profile picture

As a product builder🚀, I built micro tools to solve my own problems. For example: Notion habit tracker, finance tracker, book tracker, CRM tracker, and portfolio tracker.


In this Notion guide, I’ll share my process of creating a one-page Notion personal website to showcase your work, project and portfolio. I’ll also share a copy of my free Notion template with you.

1. Brief Bio Section

Let’s begin with your portfolio page’s main header.


My bio section contains 3 simple elements: Profile picture, Name, and Social links


To add these Bio components in Notion:

  • Profile picture: Add the “/image” component and upload your bio photo.
  • Name: Add the “/3 columns” component to make three blocks with your name in the centre.
  • Social links: To create the social link section, add “/database — inline.”


2. About Page


You can also expand your bio by creating a About page to highlight these details:


  • ⭐️ Current work (your latest project)
  • ⬅️ Previous work (your past work experience)
  • 🧠 Expertise (showcase your professional skills)
  • ❤️ Global mentions (highlight your international feature)
  • 😂 Fun fact (share some little-known facts)
  • 🧘‍♀️ Hobby (personal interests and activities)
  • 🖋️ Favorite quotes (what drives you?)


👉 Preview my Notion personal page & get the free template inside


To create the About detail in Notion:


  • Add a “/Database — inline” component to create the database table
  • Inside the 1st column of your table database, create these items (⭐️ Current work, ⬅️ Previous work, 🧠 Expertise and so on)
  • Inside the database table, add a “Multi-select” component (renamed as Detail) as your 2nd column to generate the colourful tags for each item.

3. Resources & Guides


You can also feature your top articles and blog content by creating a Notion directory.

Here’s my example:

👉 Preview my Notion personal page & get the free template inside


To create the Notion database directory:


Start by adding a table database (/Database — inline) in Notion and create these properties within the database:


  • Name property (for the blog title)
  • Select property (for the content category)
  • URL property (website link to the blog post)
  • Files & media property (to add a cover image for the blog post)


Once you’ve filled up the blog cover images, titles, tags and links, you can change the “Layout” from “Table” to “Gallery”. Customize the “Gallery view” to display the cover image using “Files & media property”:



4. Project Section


If you’re working at a company or seeking new job opportunities, you can create a Project / Portfolio section in Notion. For example, you can include things like:


  • company’s projects
  • client’s projects
  • freelancing projects
  • side projects
  • volunteer projects
  • entrepreneurial pursuit


Because I build and monetize a portfolio of products on the Internet full-time, I wanted to include a list of active projects that I’m currently running. Here’s my example:


5. Social Proof

Testimonials, client appreciation, and reader comments are powerful assets that increase your influence and credibility.


I created this Social Proof section in Notion by inserting two “Image” blocks, one on the left and one on the right, and then uploading the screenshots:


👉 Preview my Notion personal page & get the free template inside


👋 Want more Notion Templates?

The perfect Notion dashboard for your daily tasks, projects, finances, travel & more! Check out 35 Notion templates bundle

👉 Get my 35 Notion Templates bundle ::

[1] Find me on Twitter / LinkedIn 🔥


Also Published Here