Website Design Moodboard Template

The Website Moodboard template contains beautifully composed placeholders for images, video, color swatches and notes. Just drag and drop your content onto the board to create a moodboard in minutes.

Now that you've chosen a moodboard template, start adding any existing material you have—This might include client references, positioning statements, tag-lines or any other parts of the Website Brief that will inspire you. Just drag and drop them onto your board.

The imagery you choose to include in your moodboard can have big influence on the look and feel of your project, so choose carefully! These images can define things like typography, layout, interface styles and color. Use Milanote's built-in image library, draw from your own bookmarks or search for visual inspiration from around the web.

With an online moodboard it's possible to embed examples showing how movement and animation could be used in your website. Grab some animated GIFs from Giphy, video from YouTube or even audio from Soundcloud to add motion and depth to the look and feel of your board.

How you use color and fonts can have a huge impact on your website design. Both elements contribute to your website mark being easy to use and memorably. Color especially can be a great way to express a particular feel, style or energy. As painter Johannes Itten said, “Color is life.” This is also the perfect time to start collecting inspiring fonts that communicate the personality you'd like to create.

Now is the perfect time to share the moodboard with your team or client. Encourage them to add feedback and build on your ideas. It's important that everyone agrees on the general visual direction at the moodboard stage. It lets you begin the design phase confident that you're on the right track.