All Collections
Website Builder
Website Builder: How to Create a Portfolio Website
Website Builder: How to Create a Portfolio Website

Learn how to create a portfolio using Hostinger Website Builder

Austėja Baranauskaitė avatar
Written by Austėja Baranauskaitė
Updated over a week ago

In this article, you'll learn the basics of building a portfolio website using Hostinger Website Builder:

1. Decide on the structure of your portfolio

Basically, a website consists of pages that consist of sections that include specific elements:

Portfolios usually have three key pages:

  1. Projects, to showcase your work

  2. About, to tell your story

  3. Contacts, to let people easily reach you

Besides the above-mentioned, you can also add more pages to your website, for example, a blog to write about your insights or experiences.

Once you've selected a website template for your portfolio, check the following:

2. Customize your website

Once you've decided on your website's structure, focus on perfecting the main pages of your portfolio.

Portfolio page

Presentation of your projects is the core of your portfolio. Depending on how much work and examples you want to share, you may:

  • Show all your work on a single page:

  • Show individual projects on dedicated pages:

  • Show individual projects on dedicated pages and then put all those pages in a dropdown menu:

About page

The About page is your short bio. To keep the information neat, you may introduce yourself by splitting it into sections, for example:

  1. Add a text section and write a paragraph or two about who or what you are

  2. Insert a section for images, gallery, or Instagram feed, and show some visuals of yourself or your work

  3. Share an inspirational quote, or a list of your favorite readings, music, or destinations

  4. Add links to your social media profiles

Contact page

Keep the contact page short and sweet since its purpose is only informative. You can add such elements as:

3. Check website settings

Remember to update your website settings:

  • General: here, you can add a website preview link and a favicon as well as enable a cookie banner

  • SEO: update meta titles and descriptions of your pages, and add alt text to your images; to make your website easy to find in search engines, follow these guidelines: How to make a website appear on Google

As more than 50% of traffic comes from mobile devices, check the mobile version of your website.

4. Publish your website

Once your portfolio is ready, publish it and get ready for online success – to let the world know about your portfolio, share links to your website on various social media platforms!

Did this answer your question?