Over the past couple of weeks, I’ve been talking about how you can use your website to help you book more clients. One of the ideas I’ve revisited is that showing off your client work is vital to encourage potential clients to take that step to get in touch about their project.
Depending on your WordPress theme and your familiarity with plugins, you can easily add a portfolio page to your site that highlights your past projects. However, the way you showcase individual projects can have a lasting effect on your website visitors.
Details matter when you’re showing off your creative work. So I wanted to show you how you can spend extra time to create beautiful individual pages for each of your projects.
The best part about this tutorial is all you need is your portfolio plugin, your WordPress website, and to be using the Gutenberg editor.
Before I get started, the image above is an example of what I want to show you how to recreate. I love having the additional column of text, a snippet of details, and large photos to show off the work. If you want to see the full version of this, you can click over here. I also love this example of an individual portfolio page by my friend Fran at 259 West!
Both of these examples are meant to give you an idea on how you can make your individual project pages more unique, share the details of your project, and really wow your potential clients.
To create a page similar to the one I showed, the first thing to do is to create columns for your text. To do this, you’ll look for the Layout Elements in your Blocks menu. There, you’ll find the Columns option.
Obviously in my example I use 2 columns, but you can increase the number all the way up to 6. Unfortunately, it doesn’t look like you can easily resize the columns. So, if you want something a little more complex, you’ll need to use a separate plugin.
Adding the project details
On my portfolio example, I have a separate section after the opening text where I share more about the project details. This would be a great place to share what type of project it was. You could also share any special details, features, or links in this section.
If you have a lot to share, I recommend adding a Separator above this section and making this one two columns as well. It’ll help keep the page looking concise and clean!
Adding your portfolio images
Next up we’ll add in your images! This, just like adding text, is probably pretty obvious for those of you who are familiar with WordPress and the Gutenberg editor.
One thing I will mention here is to not be shy about showing off too many images. If someone is interested in working with you, they’re going to love looking at all of the images you feature.
Adding a testimonial
An individual project page is a great place to add the glowing testimonial that you got from that client. It shows your potential clients that you created beautiful work for your past client, and they were thrilled with what you did.
You can add a testimonial by adding a Quote from the Common Blocks section in the Blocks menu. This look of this block will automatically match the blockquotes style on your theme. So you won’t have to worry about customizing the look of this.
Adding a call to action button
Last but not least, you’ll likely want to add a call to action to work with you at the bottom of the page. You can easily do this by adding a Button from the Layout Elements section of the Blocks menu.
Go the extra mile when showcasing your work to really wow your potential clients.
Obviously depending on the type of work you do and the amount of text you want to share, you may want to customize your portfolio project pages with different blocks. However, I hope this tutorial inspired you to take a few extra minutes while adding your work to your site to really show off the beautiful work you’ve done and wow your potential clients.
P.s. In a previous tutorial, I referenced using a different plugin to add a portfolio to your site. While that plugin is great and it still works really well, it doesn’t work with the Gutenberg editor as of the publish date of this post. If you’re using that plugin or a different one, you may be able to use a page builder like Beaver Builder (affiliate link) to create a similar layout for your individual pages.