The easiest way to build your portfolio on Notion is by using Super. With this Notion portfolio builder, you can create your site in no time without having to write a single line of code.
1. Choose a Notion Portfolio template
The primary purpose of your portfolio is to showcase your work but it serves another important one—establishing your personal brand. Your portfolio website is a glimpse into your personality. It is the first indicator of the quality of work you deliver.
Think from the perspective of someone who is hiring a freelancer. They get hundreds of portfolios per job post from freelancers across the globe. Most pitches land in the trash folder - except those that stand out.
When clients see a professional-looking portfolio site, they spend time exploring it. The more content they consume, the better the chances they reach out to the freelancer. With a neat, organized, and meticulously planned portfolio, you can convince the client that you will replicate the finesse with your deliverables.
The first impression is the best impression - Super will help you deliver that without you having to code.
Super has a collection of nine sleek and professional templates that will help you jump-start your portfolio website. Head to the Super templates page and filter by ‘Portfolio’ to find them.
Explore the templates and pick the one that looks the most like your ideal portfolio. You need not worry about any other aspects of website creation like Page speed and SEO - Super has got you covered.
We will use the Agency template as an example for the rest of this section.
Notion Portfolio Templates and Examples
2. Duplicate the template on Notion and create your first page
Duplicating the template will create a new page in your private Notion workspace. Every sub-page you create becomes a new page on your website. Here’s how you can duplicate your favorite template on Notion:
Step 1: Click on Duplicate at the top-right corner of your template view. Then Click on Duplicate again to copy the template to Notion.
You will find the Agency template copied in your private folder on Notion.
This process takes only 15 seconds.
You can now use the template page just like any other page on Notion.
3. Structure your portfolio page in Notion
Alright, now that you have the duplicated your favourite template, it is time to structure it with the appropriate blocks and visuals before you link it to your Super app.
Keep in mind that Super enhances the professional and aesthetic appeal of your content, but you can only create content in Notion. Begin by selecting appropriate text for the H1 of the page and planning your structure from there. Consider all the items you wish to highlight on your portfolio's homepage; each of these items represents a potential H2. Plan all H2s, and even H3s if necessary, before considering other blocks.
If you want to showcase samples of your work under one of the H2s, consider using the gallery view. This database view allows you to provide a visual representation of your portfolio and attract more attention.
Additionally, try to incorporate as many visual elements as possible, such as quotes and embed blocks, to enhance the visual appeal. These blocks play a pivotal role in keeping visitors’ attention. Remember that the more time a visitor spends on your page, the more motivated they are to reach out to you.
Once you've completed the first draft of your portfolio, ensure that you review it thoroughly. Read each word carefully from the perspective of a potential client. Remember that you can edit any item, reposition it on the page, add new items or delete the existing ones. But, that’s where Notion’s design capabilities end. You can not change the color, font, layout, or anything else that makes your portfolio stand out.
So, once you’re done with the basic layout design, it’s time to customize it to your taste with Super. But you must first publish the Notion page and get the web link.
4. Publish the Notion portfolio page
Click on the Share button at the top-right corner of your Notion screen, then click the Publish tab and press Publish to the Web, and copy the web link. You will need it in the next step.
5. Signup with Super
You can signup with Super for free, but a paid plan will unlock many new features that will help you customize your website even better. The Personal site plan is ideal for anyone creating a portfolio. It will cost $16 per month - $12 per month if paid annually.
After signing up, head to the Super app to set up your portfolio and click on the New site button at the top-right corner of your screen to trigger the create a new site pop-up.
6. Customize your Notion portfolio
Now it’s time to make your portfolio look exactly how you want. Super allows you to modify every element of your website seamlessly - the general look and feel, color, fonts, navbar, or footer. You can tweak anything you want - you have complete control.
Here’s everything design that you can do with Super:
1. Create Navbar and Footer
Navbar gives the most important pages of your portfolio the attention they deserve. It is the first page element that visitors notice, so it must be designed to guide them to the other pages that they might find relevant.
Suppose you are a freelance writer who covers multiple niches. With Super, you can create a subpage for each niche and add them to the navbar. Potential clients can click on the niche they are hiring for and see relevant samples. They need not go through the homepage or spend any time figuring their way around the website. The faster they arrive at the relevant pages, the greater the chance they reach out to you.
Given its importance, you must make sure that the navbar stands out. With Super, you can set up the perfect navbar in no time.
Select one of the three available navbar styles to trigger a view where you can customize the other elements of your navbar.
In this view, you can:
- Add your logo
- Add pages to the Navbar
- Customize background and text color
- Add a shadow to the Navbar
- Add a Call-to-Action (CTA) button that stands out from the Navbar and gets clicks
- Make the navbar sticky to make it accessible even when the visitors scroll
Here’s what a sample navbar looks like on the Agency template.
Just like the navbar, the footer of your website helps you establish your brand. It’s also the last section of the page that people see before they leave your website. The footer plays the important role of showing them something of interest and retaining them in your portfolio for longer.
To set it up, click on the Footer option in the Super dashboard to see the footer view. Then:
1. Choose from three styles of footer
2. Add pages that you want to feature there
3. Add social media icons linking to your social profiles
4. Add your logo
5. Change the background and text color
Here’s what a sample footer looks like in the Agency template.
2. Select a default color theme or create a new one
You now have the navbar and footer ready. It’s time to customize everything else in the middle.
You can change the color theme of your portfolio in a few clicks.
Super offers four custom color themes. Click on the Design option in the dashboard to find them.
