Creating Effective and Creative Mood Boards for Web – UX BASICS



Published
Mood boarding is one of the most crucial parts of the web design process. Getting it right is the difference between an efficient, highly creative project and a boring, full-of-headaches website that seems to lack a clear vision. Let's learn how to make the ultimate mood boards for your web projects.

Check out the freebie here: https://www.noahshreve.com/blog-posts/creating-effective-and-creative-mood-boards-for-web

Learn about our UX community and help support the channel: https://www.patreon.com/noahshreve

Resources mentioned in this video:
1. Dribbble: https://dribbble.com
2. Halo Lab: https://dribbble.com/halolab
3. Ooze: https://dribbble.com/ooze
4. Focus Lab: https://dribbble.com/focuslab
5. CLAW: https://dribbble.com/clawinteractive
6. DStudio: https://dribbble.com/D-studio
7. Green Chameleon: https://dribbble.com/greenchameleon
8. Cuberto: https://dribbble.com/cuberto
9. Synchronized: https://dribbble.com/Synchronized
10. Awwwards: https://awwwards.com
11. Behance: https://behance.com
12. Pinterest: https://pinterest.com
13. YouWorkForThem: https://youworkforthem.com
14. FontsInUse: https://fontsinuse.com
15. FontsInTheWild: https://fontsinthewild.com
16. Ben Burns: https://youtube.com/c/mrbenburns

Tools I use:
Webflow: https://webflow.com
Figma: https://figma.com/
Things 3: https://culturedcode.com/things/
Craft: https://www.craft.do
More links:
Instagram: https://instagram.com/noahshrevedesign
Website: https://noahshreve.com
Contact: [email protected]

Chapters:
Intro - 00:00
The Purpose of Mood Boarding - 00:47
Where to Look - 01:43
Organizing Mood Board Categories - 04:52
Put the Target Customer First - 06:14
Our Target Customer - 07:08
Let's Start Mood Boarding! - 07:24
Look for Inspiration Outside the Industry - 07:42
Gathering Content - 08:16
Effectively Combining Elements - 10:43
Final Design 11:06
Category
Web design
Be the first to comment