How to make an online portfolio: a proper guide for you


Your portfolio should attract every potential employer! You will understand how to create the perfect portfolio by reading our article!


Every employer looks first at a portfolio of potential employees. The portfolio is a business card of a person who is looking for a job. It can contain information about a person, contact information, projects, skills, and so on. To get your dream job, you can create a portfolio on our website. 


Availability of an online portfolio is a must-have for designers, copywriters, illustrators, and other creative professionals. This is both a business card, a resume, and a visual demonstration of your skills - and this is where a client or potential employer will look first. A good portfolio site fully reveals the facets of your talent but remains professional, functional, and easy to navigate. Even a beginner can create such a site - the main thing is to have the necessary tools at hand.


In this article, we will tell you how to make a portfolio from scratch, choose a template for your portfolio, use the latest web design trends and attract visitors who are ready to appreciate your work.


To make an online portfolio you will need:

To make an online portfolio you will need

  1. See examples for inspiration


Before starting your website from scratch, check out an example of a successful portfolio. There, you can get good ideas such as page structure, graphics, or content blocks. It is especially useful to study the sites of people from the same work field.


After reading the examples, think about the concept of your own portfolio. How do you want your site to be - austere and professional, or flamboyant and provocative? Are you planning to stick to minimalism, or amaze your visitor with an abundance of details? Will you write a long introduction or let the projects do the talking for you?


  1. Choose a template for your portfolio


Having decided on the concept, think over the structure of your portfolio to the smallest detail. Do you want to put information on one landing page, or create a multi-page website? Choose a neat Instagram feed-style grid, or an asymmetrical layout to emphasize certain images?


Our site makes this step a lot easier with a wide variety of portfolio templates. Find the one that best suits your needs and customizes it for yourself: chooses a background and number of pages, adds photos, videos, and text, and connect the necessary applications.


  1. Focus on the best projects


The most important part of the site is the portfolio website - your projects. High-quality visual and text presentation of case studies will help visitors evaluate your skills and experience in just a couple of minutes. We recommend placing a section with works at the top of the landing page or creating a separate page for them.


An important tip that is often overlooked is not to list all completed projects in your portfolio. Leave only those that you are proud of - this way the overall level of quality of work will be significantly higher, and the portfolio will make a greater impression on clients and employers.


  1. Add the sections you want


Home page

On average, a website only has a few seconds to grab a customer's attention - so the home page should be concise, engaging, and visually appealing.


Place the most necessary information on the cover of the portfolio website: a bright slogan, your name, and occupation. There is no need to tell about yourself in detail - this can be done in a separate section. And of course, do not forget about the convenient menu, which will make it easier for the visitor to navigate through other pages.


About Me page

If the text on the home page needs to be short and informative, then the About Me page is the place where you can give yourself free rein. Tell us about your background and experience, share your values ​​and philosophy, demonstrate skills and accomplishments - in general, indicate anything that you find interesting and relevant. It is a good idea to include your current employment and a link to a PDF with your resume.


Show some personality with copyrights, illustrations, GIFs, and any other elements that suit your style. 


To make a portfolio insert contact information


Impressing a visitor is only half the battle; now you need to convince him to contact you.


Make it as simple as possible: add a section with contacts and include email, phone, and links to social networks.


  1. Improve UX


In simple words, UX is an analysis of all kinds of actions that a user can perform on a page. Based on this information, it is necessary to make the site as simple and easy to navigate as possible.


Start with a list of the pages you are going to create. Then determine what elements you need on each page: for example, a title, description, title picture, plus additional videos or images. Such a list will help you understand in what order to display elements on the page and choose the appropriate structure.


Having decided on the structure of the creative portfolio website, you can proceed to logistics. Where does the user go when they click on the link - to another page or a section below? Which is better - a menu at the top of the page or a hamburger menu that expands to full screen when clicked? How will the user know which page he is on? Good UX anticipates every user action and offers a simple solution.


  1. Work on SEO


Even the best online portfolio makes no sense if no one can see it. Therefore, it is important to optimize your site to raise it on Google searches and make it more accessible to potential clients and employers.


SEO (Search Engine Optimization, search engine optimization) is an ongoing process, consisting of a set of different actions. Here is some of them:


  • Post unique, fresh, and useful writing. This will allow you to share your ideas with your readers, and Google will see that your site is active and constantly updated.


  • Find the right keywords. These are the phrases that people use most often to find sites like yours on Google. The keyword can be "independent web designer" or "architect SPB". After you have found the keywords you need, organically embed them in the texts on the site.


  • Add alt text to all images. Search engines “do not see” pictures and photos on the site - therefore, the alternative text helps Google, and other systems to recognize what exactly is depicted on them. Add a short and clear description as alt text to each image - this will improve the indexing of the online portfolio sites.


  • Fill in the metadata and meta tags - that is, basic information about the page. They usually include a Title and a Description.
  • Add headings H1, H2, H3, and so on. Include keywords in them - this will make it easier for search engines to crawl the content on the site, which will ensure better ranking in the SERPs.


If your work is tied to a specific location, focus on local optimization. This is a tactic where your site appears in the first place in search queries from a specific country, city, or region. For example, if you have your tattoo studio in a particular city, it is important to optimize the site primarily for this city and its surroundings.


In addition, do not forget to register your site on Google My Business and add your location to the "Contacts" section.


  1. Publish a website with an online portfolio and promote it

Publish a website with an online portfolio and promote it


After publishing the site, be sure to tell about it on all social networks. This will help attract early visitors, improve search engine indexing, and provide you with feedback. If you haven't added social media icons to your site yet, it's time to do so.


And remember: a good portfolio site is constantly being improved. Add new content and fresh projects, experiment with features, improve UX and implement the latest web design trends to keep your site up-to-date.


Your online portfolio is ready!

An online portfolio made for Creatives

With all the tools a professional needs

  • Dynamic Grid
  • Even Rows
  • Golden Ratio
  • Square Ratio
  • Align Center
  • Puzzle
  • Random
  • Horizontal
  • Horizontal 2
  • Horizontal 3
  • Vertical
  • Two-One
  • Three-One

Get started for free

Create your online portfolio website now

Build your own portfolio