How to make a Mood Board online

Get a design concept that fits the direction, personality, and image of our product!

What is a mood board?

Mood board is a process to show design concepts that fits product’s direction, key character, and model. Mood board itself is meaningful in the process of writing, but it usually aims to share design planning intentions or concepts with project members and customers. Mood board normally consists of elements that maximize visual effects, such as images and text that symbolize the product.

What should be on a mood board?

Mood board can be sort of a collage for your design concept. It should include logo of the product, images and illustrations representing the product, and color palettes mainly used for design. Mood board doesn’t have to include only pictures; you can be free and creative about what you put on your mood board. Add videos or music if it tells the intention directly and more effectively. Anything and everything can be included on your mood board as long as it can clearly express the concept of the product.

How to make a mood board online?

1. Collect

Gather every idea to form the mood board. (photographs, illustration books, musics, etc.) Knowing your competitors and target users will bring inspirations and useful information. Reading the market trend is needed as well.

2. Analyze

Put together what you’ve earned at the previous stage. Start working them into a more detailed representation of your original idea by brainstorming or positioning map, etc. Sketch out product color, unique font, illustration that fits the concept.

3. Design and Curate

Get down to design prototype and continue to build up your mood board. Review the mood board with PMs or customers and receive feedbacks.

Making online mood board with Marimba

Collect

1. Create a new Marimba board for your mood board. Paste the materials, images you’ve researched and collected for inspiration onto the board.

2. If enough data is gathered, classify them according to their characteristics or rough feeling you think is most suitable for each group.

Analysis, organization, and concept development

1. Gather around the board with your fellow designers and start video calls to include larger team members. Explain the direction and develop ideas together. (Use sticky notes to show your ideas and feedbacks)

2. After sketching ideas or collecting additional related sample images, Gather again to group them into as many as three concepts. (It’d be nice to set up a timer to effectively manage the meeting time, right?)

3. Develop the concept into a design plan and set up a timeline for design schedule.

4. When the concept is finalized, designers should decide on the final design plan. Update the mood board according to the results. Let’s decide the layout. Organize the ideas and research materials that came out earlier according to the flow.

Share and feedback

1. A review meeting will be held to share mood board with PM (or customers) and developers. According to the flow organized on the board, the final design result (or concept image)

2. Get feedback using sticky notes, stickers, pens, etc., and give feedback. If the designer explains it and needs to fix it, we’ll have a review meeting again. Let’s move on.

3. If you need the design results during the project, on the mood board, I’m updating it. (To stakeholders, new team members, customers, etc., the design concept, use it as effective data to share the development process)

Example Image of Moodboard by Marimba 1
Example Image of Moodboard by Marimba 2

Tips for making mood board with Marimba

Team Marimba’s tips for making online mood board with Marimba

1. Image

Add image from your local drive. Simply drag&drop or find the icon on toolbar. (jpg, jpeg, png, gif, bmp, WebP)

Up to 30 images can be added at once. If you put image onto Structured Pad, size of the image will be automatically adjusted.

2. Following & real-time cursor

Click the profile on the top right and you don’t have to ask where your teammates are reviewing right now. Focus on the meeting by automatically following real-time cursor.

3. Timer

Set up a timer for managing you and your teammate’s precious time. You’ll come up with creative ideas even in a short time frame.

4. Lock/ Position Lock

If you want to lock your board from moving, use ‘Position Lock’ to pin them. You can still put some shapes and write on it. ‘Lock’ it if you’re done editing so that others can’t delete by mistake.