The easiest way to build your portfolio on Notion is by using Super. With this Notion portfolio builder, you can create your website in no time without having to write a single line of code.
1. Choose a Super 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.
2. Duplicate the template on Notion and create your first page
Duplicating the template will create a new page in your private Notion dashboard. 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.
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.
Click on the Share button at the top-right corner of your Notion screen, turn the toggle on for - Share to web, and copy the link. You will need it in the next step.
3. 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.
4. 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, header, 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.
Try them out. If you don’t like any, you can create your own theme with your color palette! To do that, head back to the main Design view and click on create a new theme. Name your theme, click on create, and customize all the available design options you see in the image below.
3. Add a custom domain
Your portfolio's domain name is a crucial aspect of your online presence. It serves as the unique identifier for your website. When people look up your name or your portfolio's name on Google, they will see the domain name at the top of the search results.
A unique domain name is essential to establish your online identity - customize it with Super.
The domain name of the portfolio that we created in this article is sampleportfolio.super.site. By signing up with the Personal site plan, you can remove .super.site from the domain name and make the URL look cleaner.
Why build a portfolio website with Super?
Super is the market leader when it comes to building great looking, high performance websites using Notion. You can count on the team at Super to be there when you need help with world class support.
Mobile and SEO ready
All Super sites have been designed and structured to load fast and look great on any device. Our SEO optimizations ensure your site has the best search engine performance.
Fast and enjoyable
Templates and our technology make it easy to get started, and importantly, keep going. Starting a website is the easy bit—making it super is where we can help.
Support when you need it
In addition to our rich set of guides, templates and documentation, you can use our dashboard chat bubble to talk with us directly—person to person.. Ask us anything and we will strive to help you.
Hassle free
Because Super takes care of so much for you, there is no need to worry about plug-ins, extensions, versions, or updates. Focus on what you do — create something super.
FAQs
Is Notion good for creating portfolios?
Notion lets you create a basic portfolio page that you can share with your clients, but you need Super to create a portfolio that leaves a positive impression. Super lets you design the perfect Notion portfolio website that sets you apart from the competition and establishes your brand.
How much does a Notion portfolio website cost?
It costs nothing to create a portfolio on Notion. In fact, you can design your portfolio better and faster with Super for $0. However, you need to sign up for the $12 per month plan to create a custom domain for your portfolio website.
Why use the Super Notion Portfolio Builder
No code
We’ll look after all the code and SEO so you can focus on creating — the way it should be. It’s easy to create the site you want using our in-house and community made templates and themes.
Magical updates
Updating your content in Notion magically flows through to Super so your site visitors always have the latest content. Just create and update in Notion and we’ll take care of the rest.
Super fast
Super is built using state-of-the-art web technology. Static Super sites are synced from Notion and heavily optimized for speed, performance, and user experience.
Fun
Creating a site should be an enjoyable process. Our tools have been thoughtfully crafted to give you a premium experience while you build and maintain your site.
How to make a portfolio website in Notion and Super in just 3 easy steps
1. Choose a template or Notion page
Duplicate one of our portfolio templates to your Notion account or choose a page you already have.
2. Sign up to Super
We’ll guide you through connecting your Notion page to your new Super site. In less than one minute your site will be ready.
3. Admire your work
That’s all! Your portfolio site is live. You can share it with the world at this point, or go further and connect your own domain and customize your site.
Do you create websites for clients? Know how to write CSS? You can use our custom code features to create fully custom websites with a user-friendly back-end.
Notion Portfolio Templates Free and Paid
What our customers say
Super is fast. It takes all the hassle out of building and maintaining a website. I love it.
— Will, notiondad.com
Super has made the whole process of creating a personal website so much easier. It was this huge daunting task, but now, with Super, it's an absolute breeze!
— Venkatlakshmi, venkatlaksh.me
Before Super, I struggled to even conceive the idea of having a website. Since then, I've generated leads for all sorts of offers and have created $10,000 in sales in my first month.
— Ernesto, cpdadvisors.com
With Super, editing content is a breeze because it's all in Notion, and you never have to worry about uptime, security, scaling, and upgrading to a more expensive plan because everything is all-inclusive in a single affordable plan. In other words, Super is a game-changer.
— Yusuf, yusuf.is
We’ll be there when you need us
Our support team is ready to help you get started and will be there for you if something goes wrong. The best way to get in touch with us is to use the chat bubble in the lower right of the Super Dashboard.
How does Super work?
Super takes your Notion pages and turns them in to a high performing, fast, SEO-optimized website. This means you manage your content in Notion and you manage your site in Super. Well, actually, Super takes care of most of the website building automatically, and this is what makes using Super feel magical.
You use Super to deliver super fast web experience to your users, customize the appearance of your site, add a domain to your website, manage your site SEO settings and organise the URLs of your pages.
What is Notion?
Notion is a powerful all-in-one app used to create documents, manage projects, organise content and so much more.
Notion is where the content for your site lives and is the place you spend most of your time when creating your site because Super is automatically building your website for you. Use Notion to manage your content, update text, images and other media on your pages and create your site layout and structure.
Are you new to Notion? Visit their official getting started guide to learn more.
Can I create a website without code?
Absolutely! With Super’s custom theme builder, you can style any aspect of your site with colors and fonts, change the layout, add navbars and footers, as well as style galleries and databases. All without code! You can create, copy and apply themes to your website and preview different styles to see what looks best before you publish.
How do I create a website with Super?
Creating a website with Super is as easy as copying the URL of your Notion page and adding it to your Super site. Super will find and load all the subpages automatically and build your site within seconds.
You can then start styling your site and adding your own logos and colors, and connect your own domain. Within minutes you could be ready to go live and publish your site to the world. You can preview your site for free, with no credit card needed to start.
How much does Super cost?
You can get started on a fully responsive Super site for free, and stay on the free plan forever. Or you can choose to subscribe for $16/site/month ($144/site/year on the annual plan) and get access to all the custom theme options, custom domain connection, password protection and SEO settings that helps your site get better search engine ranking.
What does a paid Super site come with?
One of the main advantages of using Super for your website is how blazingly fast your site performs. This is because we are building a highly optimized and scalable version of your Notion pages that are delivered via our Content Delivery Network to your users.
This speed helps your site get better search engine ranking, and is often an overlooked aspect of SEO work. It also helps create a better experience for your users and helps drive engagement.
You can also connect a custom domain of your own, password protect pages, and use custom code to change any aspect of the site.
Can I use Super for free?
You can get started on a fully responsive Super site for free, and stay on the free plan forever. There is no need to load a credit card, and you can have as many pages as you want on your free site.
Does Super scale?
Super is built to scale. Our distributed Content Delivery Network and caching infrastructure ensures fast page loads are available around the world, and that your site always performs at its best. There are no limits to the number of pages or bandwidth your site uses.
Real portfolio sites built with Super
Features of Super Notion Portfolio Builder
