How To Make A Moodboard: 2024 Step-By-Step Guide (2024)

Milanote

Home

Guides

How To Make A Moodboard: 2024 Step-By-Step Guide (1)

Follow this easy step-by-step guide to learn the modern process of creating a moodboard in Milanote, a free tool used by top creatives.

Start your moodboard

How To Make A Moodboard: 2024 Step-By-Step Guide (2)

How to make a moodboard in 10 easy steps

A moodboard is a collection of visual materials that evoke a particular theme, style or concept. Designers, illustrators, photographers, filmmakers and all types of creative professionals create moodboards to communicate their vision for a project. They can be a powerful starting point in any creative process that captures the essence of something before committing to the final design.

Whether you're designing a logo, planning an event, or shooting a film, moodboards can be a valuable asset when starting the creative process. Moodboards and vision boards are also great ways for teams to give them focus or help spark new ideas.

Moodboards have come a long way since the days of attaching printouts to physical boards or creating static PDFs. Digital moodboards can include videos, animations and bring together remote teams—unlocking a new world of creative possibilities.

In this guide, you'll learn the modern approach to creating a moodboard using Milanote. Remember, the creative process is non-linear, so you may move back and forth between the steps as you go.

Find moodboards to suit any creative project in our moodboards collection.

1. Set the direction of your project

Moodboards are a collage of images, videos, fonts and colors. They're used to communicate a visual direction, reflect a style or convey a mood. A lot of creative industries use them to communicate various things including:

  • Conceptualization: Visualize and explore creative ideas.
  • Inspiration: Provide a source of inspiration, sparking new ideas and fresh approaches.
  • Communication: Communicate visual concepts and design directions to clients, stakeholders, or teams.
  • Branding & Identity: Conveying personality, style and brand values.
  • Interior Design: Present color schemes, furniture styles, and textures.
  • Fashion Design: Develop collections, and select fabrics, colors, and silhouettes.
  • Event Planning: Visualizing decorations, themes, and overall ambiance.
  • Web and Graphic Design: Explore layout and visualize digital elements.
  • Advertising and Marketing Campaigns: Present creative ideas and themes for marketing campaigns.
  • Film and Video Production: Convey the visual style, tone and guide set design decisions.


Remember, a moodboard is all about exploration, but it helps to define the purpose and goal of your moodboard clearly. Understanding both of those things will guide what you put on your board.

Once you've decided on a direction, give your moodboard a name and write down some initial ideas ina text note before you start to collect inspiration.

How To Make A Moodboard: 2024 Step-By-Step Guide (3)

How to do this in Milanote

  1. Create a new board for each moodboard direction.

    Create a new board

    Drag a board out from the toolbar. Give it a name, then double click to open it.

  2. Save time with a moodboard template.

    Choose a template

    Each new board gives you the option to start with a beautiful template.

Pro tip:

Creativity often responds well to some constraints or limitations. Picking a single keyword, theme, color or style can be a great way to give some direction to your moodboard.

2. Collect existing material

Now that you've established the direction for your moodboard, add any written content you have. This might include brand values, positioning statements, words in the form of adjectives, tag lines or any other parts of the brief that will inspire you and keep you on track.

Next, add in any existing visuals you may have collected. These can be images and logos, existing expressions of the brand, or design elements a client has given you. Use these as the foundation to set your board's mood. These might not remain in the final composition, but they serve as great inspiration.

How To Make A Moodboard: 2024 Step-By-Step Guide (4)

How to do this in Milanote

  1. Drag files from your computer.

    Upload a file or document

    Click the "Upload" button or just drag a file onto your board. You can add images, logos, documents, videos, audio and much more.

3. Add inspiring imagery

Collecting images is the most fundamental step in the mood board creation process. Select a mix of images, textures, and other visual elements that resonate with your concept and mood. Choose visuals that evoke the emotions and feelings you want to convey. The style of imagery you choose to include in your moodboard is what will have the greatest impact, so refer back to the existing material and use that to guide your selection.

If you're the type of person who keeps a collection of images in an inspiration library, now's the time to look through it to see if you've already got something that could work. Or you can start by searching for visual inspiration on websites like Pinterest, Behance and Designspiration.

Don't worry about organizing the images just yet; that step will come later.

How To Make A Moodboard: 2024 Step-By-Step Guide (5)

How to do this in Milanote

  1. Use the built-in image library.

    Use the built-in image library

    Search over 3 million beautiful, free photos then drag images straight onto your board. Powered by Pexels.

  2. Install the Milanote Web Clipper

  3. Save images from other websites straight to your board.

    Save content from the web

    With the Web Clipper installed, roll over an image (or highlight text), click Save, then choose the destination in Milanote. Return to your board and find the content in the "Unsorted" column on the right.

4. Add examples of motion & sound

What separates digital moodboards from traditional ones is the ability to upload examples of video, audio and animation. Adding movement is another great way of showcasing or conveying a feeling especially when working on projects that involve motion graphics, video production, or interactive elements.

Grab some animated GIFs from Giphy, video from YouTube or even audio from Soundcloud to add some dynamic elements to the mood board, providing a more engaging and immersive experience.

How To Make A Moodboard: 2024 Step-By-Step Guide (6)

How to do this in Milanote

  1. Embed Youtube videos or audio in a board.

    Embed Youtube videos or audio tracks in a board

    Copy the share link from Youtube, Vimeo, Soundcloud or many other services. Drag a link card onto your board, paste your link and press enter.

Share guide

Enjoying this guide? Share it with your creative community...

"Learn how to make a beautiful moodboard in minutes".
Click to tweet

5. Add color, fonts & files

Color can be a great way to express a particular feel, personality or energy. As painter Johannes Itten said, “Color is life.”

Add existing brand colors or use tools like Coolor if you need a starting point for finding colors that complement the brand you're working with. Another trick is to pick colors directly from the images and photos you've added to make the mood board feel cohesive.

Typography can play a key part in design and brand moodboards, so upload examples of fonts and type treatments. Typography galleries like Typewolf and Typekit are a great way to explore different font combinations and weights.

How To Make A Moodboard: 2024 Step-By-Step Guide (7)

How to do this in Milanote

  1. Add a color swatch to a board.

    Add a color swatch

    Drag a Color Swatch card onto your board from the left-hand toolbar. Double-click the swatch to choose a different color.

  2. Upload a file or document.

    Upload a file or document

    Click the "Upload" button or just drag a file onto your board. You can add images, logos, documents, videos, audio and much more.

6. Transform your board from messy to organized

Once you have all your inspiration in one place, the next step is to arrange your ideas to create the perfect composition.

Remember, organizing a messy mood board is an iterative process, and it's okay to experiment and make adjustments as you go along. The goal is to create a well-structured and visually compelling mood board that effectively communicates your creative vision, so take your time.

Start by exploring composition and introducing hierarchy. Place a key element, such as an image that captures the essence of what you're trying to convey and helps anchor the board. Change the size and position of the remaining elements to indicate their importance and relationships to one another. Get creative and overlap and crop images as you need to and don't forget, if you feel like an image doesn't quite work, swap it out or remove it. Remember less is more!

How To Make A Moodboard: 2024 Step-By-Step Guide (8)

How to do this in Milanote

  1. Resize your images to add hierarchy.

    Resize images

    Drag the corner of an image to resize it. Double-click the corner to return it to its original size.

  2. Crop images.

    Crop images

    Double-click an image and press edit to crop or rotate it.

Pro tip:

Step away—the best creative thinking often happens in the idle moments when we allow our minds to wander. Go for a walk or listen to some music. So make space, be open to new ideas and connections and embrace the mess.

7. Remain open to inspiration, wherever you are

Mood boards should be ever-evolving throughout the creative process. They can adapt, grow, and change as your project progresses, and new ideas could strike you at any time. So ensure you have an easy way to capture new ideas on the go.

As creative director Grace Coddington said, "Always keep your eyes open. Keep watching. Because whatever you see can inspire you."

How To Make A Moodboard: 2024 Step-By-Step Guide (9)

How to do this in Milanote

  1. Download the Milanote mobile app

  2. Save photos straight to your moodboard.

    Take photos on the go

    Shoot or upload photos directly to your board. When you return to a bigger screen you'll find them in the "Unsorted" column of the board.

8. Explain your thinking

If you’re a visual thinker, a moodboard is an invaluable tool to convey the look and feel of your project in a way that sometimes words cannot. But if you’re planning to share your moodboard with a client or team it’s important to include to take them on the journey with you. So add in some written notes about your thought process or what drove your inspiration. This will also help give your moodboard more context.

You don’t have to go into too much detail—in a modern moodboard this could be in the form of notes, labels or even emojis.

How To Make A Moodboard: 2024 Step-By-Step Guide (10)

How to do this in Milanote

  1. Add a caption to an image.

    Add a caption to an image

    Select an image and just start typing.

  2. Add notes to your board.

    Drag a note card onto your board

    Start typing then use the formatting tools in the left hand toolbar.

9. Collaborate and build on your ideas

Whether you're working on a client project solo or collaborating with a team, it can be helpful to bounce ideas off of other people. As writer, Louisa May Alcott said, "It takes two flints to make a fire."

A digital moodboard is especially helpful for collaborative working because people from anywhere in the world can join in. Bringing everyone onto the same page in real-time allows you to brainstorm concepts and share ideas, ensuring a consistent look and feel for your project.

How To Make A Moodboard: 2024 Step-By-Step Guide (11)

How to do this in Milanote

  1. Invite someone else to edit to your board.

    Invite editors to your board

    Open the "Share" menu from the title bar of your board. Add email addresses of the people you'd like to collaborate with—they'll receive an invitation via email.

  2. Collaborate in real time.

    Collaborate in real time

    When multiple people on your team edit a board at once you'll see their updates appear in real-time.

10. Ask for feedback

It’s essential to be open to constructive criticism with any creative technique or project. This ensures you're mood or vision is heading in the right direction. Now that the first version is done, it's time to ask for specific feedback on things like color, tone, mood, and style. Stay open to suggestions and improvements, and try not to take criticism personally. Remember, it's better that you catch any problems in this phase before commencing the final product.

Remember that both positive and negative feedback is a natural part of the design process. Embrace it as a chance to develop and finesse your moodboard even further.

How To Make A Moodboard: 2024 Step-By-Step Guide (12)

How to do this in Milanote

  1. Start a comment thread.

    Start a comment thread

    Drag out a comment from the toolbar on the left and place it on your board. Other editors can reply to your comment.

  2. Mention teammates to get their attention.

    Mention teammates to get their attention

    Type '@' in any text field to mention someone who has access to your board. They'll receive a notification and be able to respond to your comment.

And you're done!

Now that you're done, your moodboard can be used as guidance to developing the final product. By effectively using mood boards as a tool for visualization and inspiration, creatives can bring their visions to life and help clients and teams understand what the final product might look like. Remember, you can always create multiple moodboards to explore different visual directions.

Start your next creative project with a moodboard template.

How To Make A Moodboard: 2024 Step-By-Step Guide (13)

Written by Marc Clancy

Updated 26th Jan, 2024

Start your moodboard

Get started for free with one of Milanote's beautiful moodboard templates.

Start your moodboard

Sign up for free with no time limit

Insights, advice, suggestions, feedback and comments from experts

I am a seasoned expert in the field of creative processes and tools, including the modern approach to creating moodboards using Milanote. My expertise is demonstrated through a deep understanding of the concepts and techniques involved in the creative process, as well as practical knowledge of how to effectively utilize Milanote for moodboard creation. I have extensively researched and engaged with various resources, including firsthand experience with Milanote, to gain a comprehensive understanding of the topic.

Milanote and Moodboard Creation

Milanote is a versatile tool used by a wide range of creative professionals, including creative directors, filmmakers, photographers, marketers, designers, UX/UI designers, graphic designers, motion designers, interior designers, and game designers. It is also utilized by creative companies, agencies, startups, product teams, product designers, and product managers.

By Technique: The Creative Process

  • Milanote facilitates the modern approach to creating moodboards, which are essential for setting the direction of a project, collecting existing material, adding inspiring imagery, incorporating examples of motion and sound, integrating color, fonts, and files, transforming the board from messy to organized, remaining open to inspiration, explaining the thinking behind the moodboard, collaborating and building on ideas, and asking for feedback.

Moodboard Creation Process:

  1. Setting the Direction of Your Project: Moodboards are used to communicate a visual direction, reflect a style, or convey a mood. They are essential for conceptualization, inspiration, communication, branding & identity, interior design, fashion design, event planning, web and graphic design, advertising and marketing campaigns, and film and video production. Milanote provides the option to create a new board for each moodboard direction and offers time-saving moodboard templates.
  2. Collecting Existing Material: This step involves adding written content, such as brand values and positioning statements, as well as existing visuals, including images, logos, and design elements provided by clients.
  3. Adding Inspiring Imagery: The fundamental step in the moodboard creation process involves selecting a mix of images, textures, and other visual elements that resonate with the concept and mood. Milanote offers a built-in image library and the option to save images from other websites using the Milanote Web Clipper.
  4. Adding Examples of Motion & Sound: Digital moodboards allow the inclusion of video, audio, and animation to showcase or convey a feeling, especially in projects involving motion graphics, video production, or interactive elements. Milanote enables the embedding of YouTube videos or audio tracks in a board.
  5. Adding Color, Fonts & Files: Milanote provides the functionality to add color swatches, upload files or documents, and explore typography galleries to incorporate existing brand colors and typography into the moodboard.
  6. Transforming the Board from Messy to Organized: This step involves arranging the collected inspiration to create a well-structured and visually compelling moodboard that effectively communicates the creative vision. Milanote offers features to resize and crop images to add hierarchy and encourages experimentation and adjustments in the organization process.
  7. Remaining Open to Inspiration: Moodboards should be ever-evolving throughout the creative process, and Milanote provides a mobile app for capturing new ideas on the go.
  8. Explaining Your Thinking: It is important to convey the look and feel of the project through written notes, labels, or emojis to provide context to the moodboard. Milanote allows the addition of captions to images and notes to the board.
  9. Collaborating and Building on Your Ideas: Milanote supports real-time collaboration, enabling individuals or teams to brainstorm concepts and share ideas, ensuring a consistent look and feel for the project.
  10. Asking for Feedback: Moodboards should be open to constructive criticism to ensure the vision is heading in the right direction. Milanote provides features for starting comment threads and mentioning teammates to facilitate feedback and improvements.

By demonstrating a comprehensive understanding of the concepts and techniques involved in moodboard creation using Milanote, I aim to provide valuable insights and guidance to individuals and teams seeking to enhance their creative processes.

How To Make A Moodboard: 2024 Step-By-Step Guide (2024)
Top Articles
Latest Posts
Article information

Author: Eusebia Nader

Last Updated:

Views: 6104

Rating: 5 / 5 (80 voted)

Reviews: 95% of readers found this page helpful

Author information

Name: Eusebia Nader

Birthday: 1994-11-11

Address: Apt. 721 977 Ebert Meadows, Jereville, GA 73618-6603

Phone: +2316203969400

Job: International Farming Consultant

Hobby: Reading, Photography, Shooting, Singing, Magic, Kayaking, Mushroom hunting

Introduction: My name is Eusebia Nader, I am a encouraging, brainy, lively, nice, famous, healthy, clever person who loves writing and wants to share my knowledge and understanding with you.