In this article, you'll learn the basics of building a portfolio website using Hostinger Website Builder 👇
Step 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 at least three key pages:
Projects to showcase your work
About to tell your story
Contacts to let people easily reach you
Besides those mentioned above, 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:
How many pages are in the website template? Would you like to add, remove, or hide any pages? To learn more, refer here: How to manage the navigation menu of a website
What sections do the pages consist of? Would you like to add or remove any sections? To learn more, refer here: How to add and manage sections
What website elements are there? Would you like to add, remove, or edit any elements? To learn more, refer here: How to add and customize elements
Step 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:
Add a text section and write a paragraph or two about who or what you are
Insert a section for images, gallery, or Instagram feed, and show some visuals of yourself or your work
Share an inspirational quote or a list of your favorite readings, music, or destinations
Add links to your social media profiles
Contact Page
Keep the contact page short and sweet since its purpose is only to be informative. You can add such elements as:
Your email address
Your phone number
Links to your social media profiles
Step 3 — Check the 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.
Step 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!