.h2infographic { color:#1fffcb; font-weight:900; }

A Portfolio Site Guide: The 5 Important Components

Building your portfolio site requires a mixture of skillful demonstration and competitiveness. No matter what your industry is, you will need to demonstrate how and why your clients should choose you.

Portfolio Sites


Who are you and what is it about your background that gives you experience.


Your hiring managers will want to see someone that stands out, give them many reasons.


We live in a digital world that never stops. Make your content ready 24/7.


Let your voice shine. Color schemes and design layouts are all part of what makes you unique.

Industry Skills
Types of industry knowledge 60%
Relevant Experience
Projects created for other clients 83%
Structure of information and messaging 50%
Project Needs
Understand your (future) client's needs 68%
Average is easy, get creative with your portfolio 80%

1. Introduce Yourself

Potential clients want to know who you are, what makes you tick and how can you be of service to them.

Your website should contain an “About” page that describes and shows your skills. You want to make yourself as approachable and friendly as possible. The first stage that a client will go through is their research phase. Make sure you seem “approachable” and capable to create, design, stage, or help their goals.

2. Include a Photo

A simple headshot photograph and bio will go a long way. This is your time to brag and give your perspective client a reason to stick around and learn more. There are dozens of consultants, creatives, and businesses like yours. Give them a reason to choose YOU.

- Images Speak 1,000 Words

3. Demonstrate Expertise

Before any money is exchanged, you will want to demonstrate to your website visitors WHY they should choose you. This is the perfect place to include relevant and similar projects that you are hoping to continue working with.


This part of your portfolio site will vary depending on your industry. However, each expertise will come with its own version of demonstration. The obvious ones are photographs if you are a photographer, or websites you’ve built if you are a developer (laid out in a visual fashion of course). A visual slider, such as the one below takes up space and also has the capability of interactions if needed. 

4. Quality vs. Quantity

Keep in mind that during the hiring process you might not be the only one to be shortlisted (creating competition from other applicants). You should create a hierarchy of information that is easy to skim for any hiring manager. This could mean icons, lists, and other visual-communication aids.

Available 24/7
Our digital world never sleeps 60%
Include Contact Form
Easy to contact and start conversations 83%
Responsive Website
Mobile and desktop ready 50%
Projects Uploaded
Past works and projects 68%
Outside Links
Social media and outside works 80%

5. Embrace Technology

Hiring begins with research..and this means technology. Whether we like it or not, we live in a digital world. 

Next Steps

Have Questions or Need a Mockup?

Get in touch below. It’s completely free.