The Graphic Designer’s Complete Guide to Building a Portfolio on WordPress.com

I’ve been a self-taught graphic design freelancer since 2005 and started an agency in January 2015. In the early days, my portfolio was mostly everywhere.

Sometimes I use Behance to show my branding projects, maybe a PDF kit for clients, a DropBox folder of screenshots and a Google Drive of image files that I intended to turn them into case studies.

Those days, I wasn’t as techie as I am right now, if I were to go back in time, I would put everything together in WordPress.com without doubt. I don’t have to grapple with hosting and any developer kind of tasks to just show my work.

If this is you, that’s why we are here today. In this guide, I will show you how I’m building my portfolio on WordPress.com.

Signing Up and First Impressions

First of all, I’m assuming you’ve got all your past work in a folder you’ve full access and with full permission to put them out in public. The next step is to sign up for WordPress.com.

The signup process is like any app.

Go to WordPress.com, select the Get Started button on the top right hand corner of the homepage. Enter your email and click the Continue button to create an account.

You will be redirected to a page to “Claim your space on the web”. In the box, enter your company name or any name that will be representing your graphic design business. This will be included in your domain name. For example, for me, I may type “marilyn”, so my free WordPress url or full domain name will be marilyn.wordpress.com.

Once you’ve typed it in, click “Search domains”.

You will be brought to purchase a custom domain right away. I’d say if you are doing this to create work for clients and you don’t have a custom domain yet, you should purchase one like www.yourcompany.com.

It’s not expensive and it is professional. That said, if you are doing some shopping and not sure which platform to use, by all means test it first before making any paid commitment. In this guide, I will show you how to use the free plan to get started.

You don’t have to pay for anything to be able to build your portfolio site on WordPress.com. Only when you hit certain limitations and need more functions to move on, that’s when investing on it is worth it.

Let’s bring this on a test drive and go for the free version first. Go to the box that says “Start free with yourdomain.wordpress.com” and click the “Start Free” button.

When I got to the pricing plan page, I got a bit confused as to why I have to pick a payment plan, fret not, on the far left, you can go with the free version by clicking on “Start with Free” in the pricing table.

Choosing a Theme That Works for Visual Work

You will be taken to a page that shows a well-designed site. That’s a theme selected for you, but it’s a paid theme. At this point, I’m using the free version, so click “Back” on the top left hand corner.

You will be taken to a page with themes you can choose.

In the TYPE section, select “Portfolio” and “Free” to filter the categories. If you see other buttons in solid blue color, click on them to deselect them.

If you are in the free version, there are not many themes to choose from, but you can make adjustments. Look for something that is as minimal as possible so that your portfolio can shine. You don’t want elements of the website to overpower your work.

I selected “Arbutus”. I find that the style and layout matches my portfolio, and it looks easy for me to adjust.

I’m not just looking at the colors, more of how naturally the eye follows how the fingers will just scroll down, especially on mobile.

My thought process is that I want to spend less time working on the layout adjustments, more on getting the portfolio site public and launching to my ideal clients.

Pick your favorite “Style Variation” and click “Activate”.

Building the Core Pages

The structure of my portfolio site is not just a set of portfolios. I’d like to have several core pages to organize all content in the right places. In this section, I will show you how to set up the About, Contact and Home pages.

Your About Page

First, add a new page to your site by going to the left side menu. Under the section “Pages”, select “Add Page”.

Type in your title “About Me”.

Then click the + button on the top left hand corner to open up the side menu.

Under the “Block” tab, look for “Media & Text”. With this, you don’t have to figure out how to place your image and text side by side on desktop view.

Now the step is to add in your story on the right and your photo on the left.

To add your story, just click your cursor in the text box, delete the sample text and type in your own text.

To add your image, click the “Upload” button, and select your image from your computer. Or, select “Open Media Library” if you already have your images uploaded to your WordPress Media Library. Select your image from there.

Hit the “Save” button if you wish to, otherwise, WordPress.com auto saves as long as an edit is made.

For the purpose of this guide, I’m hitting the “Publish” button so that all the pages will be live and I can link them up together.

You’d want your prospects to visit your portfolio page, so below the text area, hover your cursor over it and a “+” button will appear. Click on that. Select “Buttons” in the dropdown section.

A button will appear, type in “Visit my portfolio”. Leave that to add your portfolio page url link later.

In your About page, you’d want to add some visuals to show a preview of your work. The next thing is to click on the “Block Inserter”, the “+” button on the top left of the edit page.

Select the “Patterns” tab, go to “About”, and select “About 5” pattern. You can drag and drop to the space under your photo and “Visit my portfolio” button, or you can just click on it and it will appear on the right side.

You will see a sample header, sample text and placeholder for images. Simply replace each of them to your own content.

Select the placeholder image, then click “Add Image” and click the “Upload” button to add your image to that placeholder.

Then, I want to add a call to action section below this portfolio preview. Click the “+” button on the top left, select the “Patterns” tab, then click “About” and select the “About 8” pattern.

It will appear on the left side below your portfolio preview section.

I’d change the button to “Contact Me” and you can customize the header and text to engage your prospects.

Contact Page

Next, go to the menu on the left, select “Add Page”. In the new empty editor, change the title to “Contact”. We are going to add a contact form for people to reach out to us.

Select the “Block Inserter” and click on the “Patterns” tab.

Select “Contact” and click on the “Contact 1” pattern.

That block will appear on your editor.

Next, customize your “Contact” page text.

One that’s done, you may also want to add your location with a map image of where you are.

Go to the “Patterns” section again, select “Contact” and click on “Map 3”.

Have this block below the “Send” button. If it appears above the contact form, click on the block and drag it below the contact form block.

Edit the contact details and the map image to yours.

Hit the “Publish” button on the top right to have it go live.

Home Page

Now, it’s time to build the home page which is the front of your portfolio site. This is where you put in your Unique Value Proposition, the main gap you are providing help with and speak to your audience in less than 3 seconds.

Go to the left side of the dashboard, select “Page” and click on “Add Page”. Here, put in the title of your home page. You can use “Home”.

Then, click on “Block Inserter”, and select the “Patterns” tab, select “Hero” and select the pattern named “Hero 1”.

Replace the placeholder image with yours and customize the text on the left to your own, in the simplest and fewest words possible to explain how you help your prospects. There’s a button below where you can add the call-to-action leading people to your contact page or portfolio page.

Creating Project Page

I’m now going to show you how I create a page with my best work in WordPress.com. Do get ready the your work in image and/or video format and have them in a folder to be uploaded to WordPress.

As before, go to the left side menu, go to “Page” and click on “Add Page”. I title this page “Portfolio”.

I’ll first create a header on the page by clicking the “+” on the editor and select the block “H1” or “Heading”. Add your title in the text box such as “Check Out My Portfolio”. Then align the text to be centered.

Next, click on “+” and select the “Paragraph” block. Here, type in your description on what this page is about.

Portfolio Pattern

Click on “Block Inserter”, go to the “Patterns” tab, click on “Portfolio” and click on “Portfolio 2”.This block allows me to fit in the various images of different dimensions into a gallery-like style.

Next, click on one of the image placeholders, select “Replace”. In the menu dropdown, select “Open Media Library” to select your image, or “Upload” to grab it from your desktop directly.

You will see that if the original size of your image is not the same as that of the placeholder, you may see cropped areas of the image. If you want the full image to be seen and in the same aspect ratio and dimension, you can do that.

Click on the image, then on the right hand side select the “Settings” icon for the right side bar to slide out. Select the “Block” tab, and select “Edit pattern”. Under the “Exit pattern” button, there are 3 icons in one row. Select the one on the right most, called “Styles”.

Go to “ASPECT RATIO” and click on the box below, you will see an array of aspect ratio options. Select the one that matches your image. If none of them works well for your specific image, enter your custom image sizes in the “WIDTH” and “HEIGHT” fields below.

At this point, if you see that even with the correct aspect ratio, you aren’t able to see all the content in your image, and you want all content in your image to be seen, then select “Contain” in the “SCALE” section just below the “WIDTH” and “HEIGHT”.

This will help you get your image to it’s exact aspect ratio, and will not fit into the area of the pattern. For me, not all images need to be the exact aspect ratio.

It can be shown as a preview in this portfolio page, and I can link it to a separate individual page to show only that image’s project, like a case study page for that project.

For now, we will complete this portfolio page first and I will explain what I do to each image in the portfolio pattern block.

Testimonial Section

You can’t miss this out because no stranger will want to work with you if nobody says something good about your work and service. There must be some social proof that tells them how you work to build some trust between you both.

Under the portfolio pattern, you will add this social proof of a client’s testimonial. When I first started, I did not have anyone who knows how I worked. So I reached out to people I know who may need my service to offer a free one-off graphic design task.

The exchange isn’t money, but it’s for at least a testimonial and 3 referrals or introduction to others they know may need what I offer. And there I have my first social proof to add to my portfolio page.

With that, in your WordPress editor page, go to “Block Inserter”, go to “Patterns”, select “Testimonials” and click on “Reviews 2”.

There’s a circle image placeholder on the reviews block, click on that and replace it with your client’s image. Then, edit the text below with your client’s review and client’s name.

I want this review block to stand out a bit more, so I want to change the background color to give it a slight contrast to the white background.

To do that, click on the pattern, then on the right hand side menu, select the “Block” tab. Under the “Color” section, click on “Background”. In the pop up, choose your color either from the Custom section, or THEME or DEFAULT section.

Gallery Portfolio

Besides the portfolio patterns, I also like having an area where I can add as many images as I want to the section in this page.

After the review block, add another block by clicking the “+” button on the editor. Type in the search bar to look for “Spacer”. Click on “Spacer” to create an empty space below the review block. You don’t want too little space there to separate the review and the next section.

Next, click on the “+” button again to add another block. In the search bar, type in “Gallery”, and click on it.

Then, click on the “Select Images” button. I have some images in my Media Library, so I will click on that to see all the images I have in my WordPress.

The Media Library will open up and you can just select the images you want to appear in your gallery by clicking on each image one time. Once done, click on the button “Create a new gallery” on the bottom right hand corner of the Media Library Window.

In the next window is where you confirm the order and selection of your images. You can drag them around to place them in the order and sequence you want.

You can delete any images that you don’t want anymore. Once you are happy with it, go to the bottom right hand corner and click on the “Insert Gallery” button.

Services Call-To-Action

Once you’ve got your portfolio and testimonial laid out, the next thing is to add a call-to-action section where you prompt your visitors to take action or do something to help them get the tasks done.

You may wish to let them know more about how you can help them, or lead them to your contact page or about page.

To create this block, go to the “Block Inserter” or “+” at the top left hand corner. Go to the “Patterns” tab and select Services. Then, click on the “Services 5” block.

Customize this block by replacing the placeholder image with your own, and text on the left with what your visitors can do now to go to the next step.

Lastly, link up the “Learn More” button to your main call-to-action page, and any other buttons you have on other pages we’ve created so far: Home, About, Portfolio, Contact.

Customizing Typography, Color, and Brand Details

How much Design Control Is There?

When people say WordPress.com gives you “lots of customization options”, they usually stop right there. They don’t tell you what that actually means when you sit down to design. So let me break it down from a designer’s perspective.

For typography, you get access to a solid library of fonts through Global Styles, including Google Fonts. You can set a heading font and a body font, and those choices apply site-wide, which is actually very convenient.

Font pairing is done right there in the Global Styles panel, you pick your two fonts, see a live preview, and that’s your site’s typographic foundation set.

Color and branding work in a similar way. You set a palette in Global Styles and those colors become your defaults across every page you build. Buttons, backgrounds, headings, it all pulls from that palette. If you are consistent with it, your site will look cohesive without much effort.

Where things get interesting, and also frustrating if you are coming from a design background, is with spacing and layout. You can adjust padding and margins on individual blocks, and there is a spacing scale you can work with. But the level of control is not what I would call precise.

If you are used to nudging elements by exact pixel values in Figma, or even using Squarespace’s older drag-and-drop editor with its fairly tactile layout controls, you will feel the gap. WordPress.com’s block editor operates more at the macro level.

Two things I ran into on the plan I tested, which is completely free: I could not fine-tune the line-height on individual text blocks without adding custom CSS, and I could not control the exact column gap in a multi-column layout the way I wanted to.

Both of those would have required stepping up to the Business plan to add custom CSS.

On mid-tier plans, WordPress.com gives you solid branding controls and the palette system works well, but those fine-detail adjustments are where you will hit the ceiling. It is not a dealbreaker, but it is something to know before you commit.

I’d say a lot also depends on the theme you can use and that would depend on the plan you select. If you go for the paid plans, you have more theme choices, giving you more free-play on design customizations.

The free plan has very limited features but good enough to get started with your first clients.

Plans And Pricing: What You Actually Need

I tested WordPress.com on the Free plan to see how far I can go. I’d say the Personal plan is where most designers are likely to start.

The free plan features may work fine, but it doesn’t give you a custom domain like “yourdomain.com”. It includes “WordPress” inside like this: “yourdomain.wordpress.com”. Even if the features are good enough, you may wish to go for the Personal plan at least to have your own custom domain.

At $9 per month on monthly billing or $4 per month on annual billing, it is the most accessible entry point beyond the free version, besides custom domain it gives access to core WordPress.com features without any hosting or security management on your end.

That last part is worth saying clearly: WordPress.com handles all of that automatically. Software updates, server maintenance, security patches, none of it lands on you. For a solo designer who just wants to focus on client work, that is a real benefit.

If you want more design flexibility, the Premium plan at $18 per month (or $8 per month annually) is the next step up. You get access to more premium themes, which gives you more to work with visually, and a few additional design controls.

For a designer who wants more options without jumping to a much higher price point, Premium is a reasonable middle ground.

Business at $25 per month is where things open up significantly. You get custom CSS, which is what you need if you want the kind of layout precision I was missing on Personal, and you get plugin access, which matters if you want to sell templates or digital products directly through your site.

If that is part of your plan, Business is the one to go with. Commerce at $45 per month adds full eCommerce features on top of that, but for most designers, Business is the ceiling you would realistically need.

My honest take: if you are building a portfolio with a blog and a contact page, Personal or Premium is enough. You do not need Business unless you are adding complex functionality or need custom CSS to get the design control you want.

Start free to get your content going, then move on to Personal, see how far it takes you, and upgrade when you actually hit a limit that matters to your work.

Who WordPress.com Is Right For

The honest answer is that WordPress.com is a genuinely good fit for a specific kind of designer, and not the right call for everyone. After spending time building on it, here is how I would break it down.

It works really well if you are a freelance graphic designer who just wants one home for your portfolio, your blog, and your services page, all in one place, without juggling multiple tools.

It also works well if you plan to sell digital products or templates down the line and want to add a simple shop without migrating everything to a new platform. WooCommerce is already in the WordPress ecosystem, so that integration is straightforward when you are ready.

If you want the content flexibility of WordPress, proper blogging, categories, tags, SEO control, but you do not want to deal with hosting, plugin updates, or security patches, WordPress.com handles all of that for you.

And if you blog regularly alongside your portfolio work, this setup genuinely makes sense. Your writing and your design work can live together in one cohesive site.

That said, it is not the right fit for everyone. If you need ultra-precise layout control and you are not on a Business plan, you will run into walls.

There is no getting around that. If your portfolio relies on complex animations or interactive case studies, the kind where a user scrolls through a full product story with transitions and micro-interactions, WordPress.com will either require workarounds or push you toward a higher-tier plan.

And if your work is primarily video-heavy, the video handling here is functional but not exceptional. It does the job, but it is not built for a portfolio that leads with video the way a platform like Wix or even a dedicated video host would be.

So the question to ask yourself is this: do you need a flexible home for your work that you can grow into over time? Or do you need pixel-perfect design control right out of the gate?

If it is the first one, WordPress.com is worth your serious consideration. If it is the second, you may find yourself wanting more.