How to make and design a portfolio for a designer – instructions and +10 examples


A designer should definitely have a portfolio with examples of work. This is a perfect way to show your clients your skills. Design is not the kind of business where it is enough to show your résumé, pay lip service to your experience, and still get a profitable order.

This article tells you how to create a portfolio, what to put in it, how to design it, and what to put in it. We will show you a lot of illustrative examples of how to create a portfolio.

Designer’s Portfolio – How to Create and Format a Portfolio, Where to Place It

That’s 90% of the success of a designer portfolio. But you have to design them and present yourself correctly. If a graphic, web, or UX/UI designer can’t create a visually appealing portfolio, that’s a reason to doubt their abilities.

Collecting and preparing material for the portfolio

If you don’t have a portfolio it might seem like a five minute affair – I have so much work, I’ll just sit down tonight and make one for myself. But you have to be serious about the process: collect your work, choose the best ones (and not just leave them all out), prepare them for posting, design them.


  • Gather all the work you have.
  • Choose the work you want to post (a few of the best). If you place in social networks or sites for designers, then do not limit the number – the more the better. But on a personal site, all the work is unlikely to be viewed.
  • Discuss with clients whether you can publish the design you’ve made.
  • Get feedback on the design and add customer feedback to the job page.


*If you don’t have clients or have very few, you can take a design course – you’ll have some ready-made works for your portfolio during the course. You can also create works specifically for your portfolio – then you won’t have to ask a client’s permission. But having at least a few real cases with reviews will be a plus (which you can show, for example, by adding a link to the customer’s website).



  • Sort the selected work into sections (if you work in more than one area). This is necessary if you place sections with the works on your site or service/platform, which implies sections. For Instagram, you can sort except for the actual posts.
  • Bring the work to a single format. For example, if you place in the form of images on your site – make the same size images. If you place it on Instagram, you need to crop it so that the main thing is included in the frame.
    If you post a portfolio on your site, and the images or animation are too heavy – you need to compress them or set up Lazy
  • Load. Otherwise the content can slow down the site, which will irritate its visitors – potential customers.
  • Make each job for the portfolio – write the type of work (logo, layout, redesign of the old site), the name of the project or company for which the design was created, you can add a brief history (what was the point of the work or what was the task before you), for how long the work was done (if you remember, of course), in what year (optional).
  • Design or think about how to design reviews. If you put them on your site – it can be a separate block with a quote. If you place feedback in social networks – it may be in the form of screenshots (for example, in the actual posts, if this is Instagram).
Read also:   Instagram will bring back the timeline feed in early 2022

Where to place the designer’s portfolio

You can choose one option or combine them if you want to get more orders. However, keep in mind that you may not be able to cope with the flow of orders from several customers.

On your website. This is the most convenient option, since you are not limited by the capabilities of other people’s sites. If you know how to create and design sites, the result depends on your imagination and skills.

If you don’t know how to make a website, you don’t have to go to web development courses, you can create a beautiful webpage with a portfolio on a website builder.

Instead of a website, you can use services to create a portfolio.

Online marketplaces. Must-have platforms for posting design portfolios are Behance and Dribbble. Even if you have a personal website, you should still post your work there. Especially if you plan to work with foreign clients. These are not only sites for displaying work, but also for finding clients.

Social networks. You can present yourself and find customers through social networks. For designers (especially graphic designers), two ideal platforms are Instagram and Pinterest. There is also a little-known analogue of Pinterest – You can use it to show your work to potential clients.

How to design a site with a designer’s portfolio

In addition to a page in social networks (or a profile on Behance) you can make your own website (but not necessarily). With the site you will look like a professional + on it you can specify the rates and beautifully packaged examples in the sections. The customer can find the work in the section he is interested in (eg, just logos), and not look through all the work in a row. If you take the site – it must be of high quality.

Read also:   How to use more than 3 accounts in the official Telegram client

What sections must be added to the portfolio site

  1. The “About You” block. Your name, photo (optional), design direction, information about you (experience, achievements, education).
  2. Examples of your work. Depending on your design direction, these can be images or videos. If you are a web-designer, you should also mention the links to the projects you were working on.


Tip: Place the examples in high resolution, so that the client could see the details. Look for the work of famous designers and creative agencies for inspiration.

3. Your design direction. Besides your global direction (graphic design, web design, interior design, UX-design, and so on) it is worth indicating what exactly you are doing. For example, you can do graphic design for packaging, make out banners and covers for social networks, draw posters, do creative advertising.

4. Price. Explain your prices for a specific service or per hour if you charge by the hour.

5. Contacts. Write how you can be contacted and at what time.

6. The brief. You can immediately create a questionnaire for potential customers, where they can describe what exactly needs to be done. This will save time for you and the customer in the future.

How to create a “Portfolio” section on a site

There are a few ways to do this:

– If there are not many works, you can put them all in a row, for example, in the form of a tile. You might add a title or a short description underneath the work (or make it pop up when you hover over it).- If there are a lot of different pieces of work, it would be better to put them in sections.

If you click on a picture of a section such as a logo, it will open a page with those logos. Organized as a slider gallery + list.

– Creative way of design. It depends on your imagination and web-design skills. Choose one of the non-standard templates for the portfolio or come up with your own unique flair and implement it with the help of a web designer. Examples of creative design in the section below: check out BuzzWorthyStudio, ToyFight, and Shantell Martin.

Examples of designer portfolio design

Unlike other professions, where it’s okay to have a simple portfolio, a designer should make sure that his or her design is of the highest quality.

Examples of a designer’s portfolio (on a personal or studio website):

#1. Liz Grant.

#2. BuzzWorthyStudio

This is the site of a graphic design studio, but there’s an interesting idea that you can implement in your portfolio. The site has a list of semi-transparent words – these are the names of projects (in large print). If you hover your mouse over the title, it becomes bright white and the work itself appears in the background.

Read also:   Links in Instagram stories will be available to all accounts

#3. ToyFight

This is also a studio. A design feature – when you click on the name of the project, you can not only see all the work associated with it, but also a detailed history. About the brand, how the design concept was created and what idea was put into it. It looks very professional and expensive.

#4. Shantell Martin

A designer with a creative approach. It is interesting that the specialist has his own unique style, both in work and in the design of the site portfolio. The page with the works is designed with endless scrolling – the picture on the right does not move, and the works appear on the left as you scroll.

If you click on a particular work, a separate page opens. There’s a title, a short description of the project and pictures of how the design was created.

A photo of the design in progress:

How you can design a portfolio on social networks (using Instagram as an example):

@interfacely – UX and web designers.

@robertgabrielb. It’s interesting to see how the designer visualized his thing – the use of calligraphy in graphic design and photography.

@beandbear_graphicdesign is a logo designer. He doesn’t have a lot of subscribers yet, but you can check out his idea of using mockups to make his work more presentable.

*Don’t forget to include your personal information in “Description” or “Biography” section. You can also specify your contacts and attach a link to the price list.

As a presentation. To send electronically to potential customers. You can use PowerPoint, Keynote (if you have a Macbook), Google Slides.

Printed version. If you go to live meetings and design-related events, you can additionally print out the portfolio and show it to potential clients.


A designer’s portfolio is a business card that will say a lot more about him or her than a resume. You can be a beginner, but you can be talented and create designs that are unique and different. And then customers won’t care what experience or education you have.

You can’t understand that a designer is an expert without looking at his or her work. We advise you to create a portfolio and update it over time – as new worthy cases appear. If you can come up with your own unique thing and reflect it in your portfolio, you’ll be two steps ahead of your competitors.

Leave a Reply

Your email address will not be published. Required fields are marked *