But anyone who has changed their theme on a WordPress blog knows that it is not a seamless process.
Especially when you do it live.
Typically, I jump in head first. Without much planning, I hit the switch and then work like mad over the next 24 hours to get things just right.
It is my impulsive side.
But this time I decided to take a different approach. After all, my goal is to become more intentional in my approach to life – including changing my WordPress theme.
So, my first step was to create a mood board for my new WordPress design.
And, if you are thinking of changing your theme, or just sprucing up your current one then I think you should create a mood board, too.
This is why.
Why You Should Create a Mood Board for Your Website Redesign
Creating a mood board for your website redesign will allow you to
- Get a feel for the overall look
- Decide on your fonts and colors
- Collect and create graphics to use throughout your site
- Develop a brand around the look that you choose.
How to Create a Mood Board for Your Website
Before I jump into the “why”, let’s cover the basics of “how”.
I never created a mood board for my past projects because I would over think the process.
Maybe I was looking for just the right app or platform to use – I don’t know.
But, all you really need is a place to collect a bunch of digital assets.
Some options include:
- a Google doc (or Word doc, or Pages doc),
- a photo album in Google Photos or Dropbox,
- a secret board on Pinterest,
- or just a plain old folder on your computer
Certainly, you can use an app on your iPad or iPhone like Morpholio but I usually have photos and color codes, etc on my laptop, so it makes more sense for me to create my mood board on my computer.
Add Things That You Can Use to Your Mood Board
In interior design, a mood board is about inspiration.
But for a website project – creating a board purely for inspiration seems a little impractical to me.
I would rather use the mood board to collect digital assets that I can actually use in my website project.
What this actually means is that I should have the rights to use the digital assets, or should be able to buy them at some point in the future (like stock photos, for example).
Places to Get Digital Assets for Your Website Project
If you have a website, I hope that you have been collecting the weekly freebies at Creative Market.
I download these every week and store them in a folder on my Google Drive – and they have come in very handy for this project.
I also subscribe to stock photos from
Now you can …
Use Your Mood Board to Design the Look of Your Website
In my browser, I opened up the demo site for the Refined Theme.
Using my board, I opened some of the photos in Preview on my Mac and placed these windows over different parts of the theme demo.
This gave me an idea of what photos I might want to use in the different locations and how they all will look together.
It also helped me to plan the layout for my future homepage.
By this time,
You Will See a Color Scheme Emerge
By placing all the photos and patterns that you like on your mood board, you should start to see a color scheme begin to form.
The idea is to capture this color scheme to use throughout your website for links, accent colors, and graphics.
Use a Mac App like ColorSnapper 2 to capture the colors and grab the hex color numbers from your favorite photo.
Then add the colors to your mood board and use a website color cheat sheet to have the hex numbers handy whenever you need them.
Don’t Forget To Choose Your Fonts
To create a cohesive brand, you will also want to use some standard fonts when you create graphics for your website.
Add some words using these fonts to your mood board as well.
Add Some “Default” Graphics to Your Mood Board
I think that you will agree that not every post on your blog is pinworthy.
But, it is a good idea to have a pinnable image, regardless.
So, find a neutral background pattern in your colors and add it to your mood board.
You can this image as a fallback when you don’t have a stock photo for a post.
Use Your Mood Board to Create Your Brand
As your color scheme, font style, and standard images start to gel – you can incorporate your color scheme throughout your website AND your social media profiles.
- on food blogs, you might add dishes or linens to your recipe photos that sport your website colors.
- you can take Instagram photos of things that are consistent with your brand – or add a color overlay
- the profile photos for all your social media platforms can incorporate your colors
- seriously, the possibilities are endless – if you know what to look for.
And that is what a mood board for your website does.
I Have High Hopes for my Mood Board
At the time of this writing, I have not yet flipped the switch to my new WordPress theme. (Read this Brunch Pro WordPress Theme review to understand why I am changing themes).
This is the first time that I am using a mood board for a website redesign and I think it will help me create a cohesive look throughout my website and also brand my business.
I may change things as I go along, but I think a mood board is a solid first step.
How Do You Plan for a WordPress Theme Change?
If you have ever changed your WordPress clothes, what did you do to plan for the switch? Share your tips in the comments below.