Moodboards are not only a great visual guide to your business and branding but they also help you (and your designer) get a sense of your visual identity to create a unique website and collateral items. At Polyglot Designs, I create the mood boards for clients after they do their homework and create a secret Pinterest board pinning images that they like and feel they want to represent their business. Keep reading for how to create your own and download the free template at the bottom!
First you’ll need to open up the template or create your own in either Adobe Photoshop or Affinity Mac Designer. I use the latter but Photoshop will work, too.
Assuming you’ve already created a board of pictures for your mood board, pick out the one that inspired you the most and place it into a square. It helps if you find images that are similar in size to the ones that are on the template (so landscape images go in the landscape rectangles, portraits go in the longer ones, etc.).
Then continue adding images until your moodboard is full (apart from the bottom center 3 small squares and the lower right rectangle). You want to choose colors and images that complement each other but they don’t have to be the same (and they shouldn’t!). The point of a moodboard is to get the general mood and tone for building a visual identity, not every picture has to be the same.
Now that you’ve placed all the pictures on your moodboard, you will be creating a color scheme that matches. The bottom center 3 squares are for the color scheme, and I like to leave this for the end because I can easily pull the colors directly from the pictures to create a cohesive look. With the Eyedropper Tool you will hover over a color of your choice, click, click on one of the rectangular boxes for the color scheme, and click the color you selection. Repeat the same for the other 2 boxes and you can see the color scheme lined up! I like to create 2 or 3 different color schemes to see what fits best with the images on the mood board.
The bottom left rectangle is for typography. This is a trickier one because there are so many fonts out there that can fit with your moodboard. What I do is I look at the moodboard and write down a few words that jump out at me: elegant, fancy, couture, feminine, etc. For me, those words evoke a scripted font and so I start checking out calligraphy or cursive fonts on various website. If you find a font that you want to use for your website and collateral material, make sure you find a web-safe alternative and that you have the rights to use it for promotional purposes (this is usually written in the license agreement when you download or buy a font). I usually add the main font as the headline and then choose a different but complementary font that I imagine for the body text. So if I chose a fancy cursive font for the headline, then I may chose a sans serif modern font for the body text to give it a contrast and make it easier to read on websites (because nobody wants to see paragraphs written in cursive).
And that’s it! Remember: practice makes perfect so the more moodboards you create, the easier it gets. You can create them for different projects, not just your own web site but project briefs work too. You can use briefbox.me for design inspiration. This is a great way to build your portfolio and practice your moodboard skills.
Click here to join the newsletter and get the password for the resource library and download the moodboard template.
This moodboard template was inspired by a Skillshare class with Meg Lewis