paint-brush
Building a Notion Personal Website (With Template)ā€‚by@whizzoe
920 reads
920 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