Building a Notion Personal Website (With Template)

Written by whizzoe | Published 2023/03/11
Tech Story Tags: productivity | notion | notion-templates | notion-template | notion-personal-website | website-design | notion-website | personal-website

TLDRAs 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.via the TL;DR App

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


Written by whizzoe | Built 11 MVPs using rapid validation. Founder: Venturescale.to Analyzing Web2/3 Insights. šŸ‘‹About: whizzoe.com
Published by HackerNoon on 2023/03/11