The Web Development Process Part 1: Mood Board

In my graduate class we’ve been tasked with redesigning a website that is in need of some serious help. I’ve chosen the beautiful disaster of a website at www.weebeehoney.net. This website needed a major makeover and throughout the next four blog posts I’m going to go step by step through my process of giving Wee Bee the refresh it deserves. Like many projects this one began by creating a mood board.

You may be wondering why a mood board is so important or that you thought a mood board would only be useful in picking out furniture for your living room. While a mood board can be used for that it has maybe other important applications as well. Medium.com writer Peter Deltondo compares a mood board to a foundation of a house,

“Creating a product or website is much like building a house. A plan must be put into place and you need to lay a foundation. Without this foundation, your house is likely to weeble and wobble and one day come crashing down.”

In my opinion this is the most fun step in the whole process, looking through beautiful photos is my idea of a good time. There’s a lot of great templates to create a mood board online but I went with the one at canva.com. Through canva I was able to piece together the beginning baby steps of my final product.

Screen Shot 2019-07-21 at 5.47.39 PMScreen Shot 2019-07-21 at 5.47.51 PM

I was really happy with what I managed to come up with. This was the first time I’ve created a mood board for a web page so I was nervous the results wouldn’t be ideal. I enjoyed finding potential fonts and looking at other honey websites to see what the industry standard was. Creating a mood board is like a sketch for an artist, sure you could skip this stage, but you’re missing out on a lot of potential if you do.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s