#Mood board layout professional

Other websites can be a source of ideas as well-nothing directly copied, of course, but just used as examples and inspiration to start a conversation with the client.

#Mood board layout professional

For example, what will your overall tone and voice be: light or dark? Professional or playful? These ideas could come out of kickoff calls, meetings, creative briefs, and persona calls. Their purpose is to gather ideas and inspiration before jumping into formal design. Mood boards are usually casual-nothing set in stone.

Basic text (not fonts, but rather the words you might use for headlines, dropdown menus, and links).

Screenshots of other websites (as examples of UI).

Among the samples you can incorporate into a mood board: Perhaps a good way to describe a mood board is to compare it to the tools that non-digital designers use, such as paint and fabric swatches for interior designers. The mood board can be considered an advanced sort of creative brief, but instead of written descriptions of the visual and UI elements of a website, you include the actual visual and UI elements. It shouldn’t be confused with a mock-up, which is a more concrete version of a website that is only a few steps away from going live. Here are details on how mood boards work and how they can influence your website design:Ī mood board is a digital collage or group of elements that helps define the direction of a website. This design strategy offers concrete direction for your website, actually provides more flexibility with your design, and prevents you from getting too, well, moody (you know we had to go there).

Mood boards can be the answer to this problem.

Website specifics such as images, fonts, and UI naturally can vary, but you want those specifics cemented before you put time and effort into the final design. Simply, during the planning process, something was misunderstood or envisioned a different way, or the design just doesn’t deliver the impact to the client that it does to you. Usually, the request for changes after you have redesigned a website isn’t because your clients or co-workers are jerks. More than likely, the changes requested aren’t so easy, and much of the hard work you put in-again, based on the direction you were given-must now be amended, often with additional time you simply don’t have. Your first thought at hearing this probably will be “Ugh!” (or something we can’t print in a family-friendly blog).

Can you easily change this and this and this?” A website design has been ordered, and you work feverishly to create a look that matches the expectations, preferences, and requirements set by the client or key stakeholders at your organization (depending on whom you are creating the website for).Īfter all your efforts, you unveil the website, only to get this response: “This looks OK, but it’s not exactly what I had in mind.