{"id":17353,"date":"2022-08-09T17:16:49","date_gmt":"2022-08-09T14:16:49","guid":{"rendered":"https:\/\/${domain}\/blog\/?p=17353"},"modified":"2024-12-19T23:49:23","modified_gmt":"2024-12-19T21:49:23","slug":"make-moodboard","status":"publish","type":"post","link":"https:\/\/${domain}\/blog\/make-moodboard\/","title":{"rendered":"How to Make a Moodboard in 7 Simple Steps"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;2px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p><span style=\"font-weight: 400;\">A moodboard is a collection of references and other data that sets a certain style or concept for your project. Designers, illustrators, photographers create moodboards to collect the concept of an idea in one place.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, a web designer needs to create a website for an online flower shop. He begins to collect <\/span><a href=\"https:\/\/weblium.com\/blog\/best-modern-website-design-examples\/\"><span style=\"font-weight: 400;\">examples of competitors&#8217; sites<\/span><\/a><span style=\"font-weight: 400;\">, to select the design of similar projects from Behance. After choosing the best options, the designer goes deeper into the idea and selects: site color schemes, typography and site elements. Only after that, work begins on <\/span><a href=\"https:\/\/draftium.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">creating a prototype<\/span><\/a><span style=\"font-weight: 400;\"> of the site.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">How moodboards help with website development:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Set the style of the site<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Accelerate site creation thanks to references<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">If you make sites to order, this will protect you from misunderstandings with the customer<\/span><\/li>\n<\/ul>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e4b8ab06ca8\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e4b8ab06ca8\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/${domain}\/blog\/make-moodboard\/#What_platform_should_I_use_to_create_a_moodboard\" >What platform should I use to create a moodboard?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/${domain}\/blog\/make-moodboard\/#1_Determine_the_direction_of_your_project\" >1. Determine the direction of your project<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/${domain}\/blog\/make-moodboard\/#2_Collect_existing_material\" >2. Collect existing material<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/${domain}\/blog\/make-moodboard\/#3_Add_images\" >3. Add images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/${domain}\/blog\/make-moodboard\/#4_Add_examples_of_animations\" >4. Add examples of animations<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/${domain}\/blog\/make-moodboard\/#5_Add_colors_and_fonts\" >5. Add colors and fonts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/${domain}\/blog\/make-moodboard\/#6_Time_to_put_things_in_order\" >6. Time to put things in order<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/${domain}\/blog\/make-moodboard\/#7_Describe_your_thoughts\" >7. Describe your thoughts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/${domain}\/blog\/make-moodboard\/#Youre_good_to_go\" >You\u2019re good to go!<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_platform_should_I_use_to_create_a_moodboard\"><\/span><span style=\"font-weight: 400; font-family: inherit;\">What platform should I use to create a moodboard?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You can create a moodboard in Word, but it is better to use special services that solve this task. Services are more convenient because there are built-in libraries of images and fonts.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/milanote.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Milanote<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/miro.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Miro<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/designfiles.co\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">DesignFiles<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/niice.co\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Niice<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.sampleboard.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Sampleboard<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"http:\/\/www.gomoodboard.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Moodboard<\/span><\/a><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Choose the service you will work with and let&#8217;s start with the first step.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"1_Determine_the_direction_of_your_project\"><\/span><span style=\"font-weight: 400;\">1. Determine the direction of your project<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Moodboards can be literal and practical (with <\/span><a href=\"https:\/\/weblium.com\/blog\/how-to-choose-the-best-fonts-for-your-website\/\"><span style=\"font-weight: 400;\">fonts<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/weblium.com\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/\"><span style=\"font-weight: 400;\">color schemes<\/span><\/a><span style=\"font-weight: 400;\">, and images), or they can be about exploring tone and mood.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These two types can be done in parallel. On one board you indicate what colors, patterns and images will be. And on the second \u2014 in what style the site will be created.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When the first version is ready, make a short description on the moodboard. This will help you narrow down your options and continue moving in one direction.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"2_Collect_existing_material\"><\/span><span style=\"font-weight: 400;\">2. Collect existing material<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Now that you&#8217;ve determined the direction for your moodboard, add these qwto the board: brand values, positioning, any <\/span><a href=\"https:\/\/weblium.com\/blog\/15-personal-logo-ideas-and-examples\/\"><span style=\"font-weight: 400;\">logos<\/span><\/a><span style=\"font-weight: 400;\">, design elements, and photos. They may not make it into the final version of the moodboard, but these data will help you get started.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2024\/01\/2.2.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2024\/01\/2.2.png&#038;#8221<\/a>; url=&#8221;<a href=\"https:\/\/app.weblium.com\/signup?utm_source=en_blog&#038;utm_medium=article&#038;utm_campaign=banner_article&#038;#8221\" rel=\"nofollow\">https:\/\/app.weblium.com\/signup?utm_source=en_blog&#038;utm_medium=article&#038;utm_campaign=banner_article&#038;#8221<\/a>; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"3_Add_images\"><\/span><span style=\"font-weight: 400;\">3. Add images<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The images you choose to include in your moodboard can affect the look and feel of your site. They will help determine things like tone, framing, style, and color scheme.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you can&#8217;t think of any sites you&#8217;ve liked, examples can be found on <\/span><a href=\"https:\/\/dribbble.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Dribbble<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/www.behance.net\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Behance<\/span><\/a><span style=\"font-weight: 400;\"> and <\/span><a href=\"https:\/\/www.designspiration.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Designspiration<\/span><\/a><span style=\"font-weight: 400;\">. Here, different designers share their work, which can be sorted by project type, color scheme, and other important parameters.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/moodboard-example.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/moodboard-example.png&#038;#8221<\/a>; alt=&#8221;create a moodboard &#8221; title_text=&#8221;moodboard example&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">Don&#8217;t worry about organizing the images, we&#8217;ll do that later, for now you can add them randomly.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_Add_examples_of_animations\"><\/span><span style=\"font-weight: 400;\">4. Add examples of animations<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Animation on sites can be completely different: from the simplest, which is practically invisible to the user, to complex with a wow effect, such as, for example, parallax.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_video src=&#8221;<a href=\"https:\/\/youtu.be\/Tor1FYYUwNY&#038;#8221\" rel=\"nofollow\">https:\/\/youtu.be\/Tor1FYYUwNY&#038;#8221<\/a>; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_video][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">By doing this, you will expand your understanding of which animations are needed on the site, and you will develop a design based on them.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"5_Add_colors_and_fonts\"><\/span><span style=\"font-weight: 400;\">5. Add colors and fonts<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Color can be a good option to express certain feelings and individuality. For example, it is better to create a pharmacy website in light colors, and a night club page in dark and bright ones. But for each of these sites there will be one or two colors that will show the individuality of a particular site.<\/span><\/p>\n<p><a href=\"https:\/\/color.adobe.com\/explore\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">The Kuler service<\/span><\/a><span style=\"font-weight: 400;\"> will help you find colors that complement the brand. Another life hack is to choose colors directly from images and photos you&#8217;ve added to your moodboard.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/the-kuler-service.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/the-kuler-service.png&#038;#8221<\/a>; alt=&#8221;how to make a mood board&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">And for the selection of fonts, use the design site <\/span><a href=\"https:\/\/www.typewolf.com\/\"><span style=\"font-weight: 400;\">Typewolf<\/span><\/a><span style=\"font-weight: 400;\">. This is a great way to learn different combinations of fonts and how they interact with each other.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/Typewolf-website.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/Typewolf-website.png&#038;#8221<\/a>; alt=&#8221;what is a mood board&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"6_Time_to_put_things_in_order\"><\/span><span style=\"font-weight: 400;\">6. Time to put things in order<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Once you&#8217;ve gathered all your ideas in one place, the next step is to organize them to create the perfect composition.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This process can take some time, and it often feels like you have no idea what the moodboard will look like. Most likely, you will have more material than necessary, and it can look disjointed. This is normal!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Start by learning composition and introducing hierarchy. Place a key element, such as a logo, to anchor your board, and change the size and position of other elements to show their importance and relationship.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"7_Describe_your_thoughts\"><\/span><span style=\"font-weight: 400;\">7. Describe your thoughts<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">If you&#8217;re a visual thinker, a moodboard is an invaluable tool that lets you convey the look and feel of your project in a way that sometimes words can&#8217;t. But for the client or his designers, you need to add a description of your thoughts. This will help clarify your ideas and keep everything in context. It is not necessary to go into details \u2014 just write in a few words what you wanted to convey with specific images.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Youre_good_to_go\"><\/span><span style=\"font-weight: 400;\">You\u2019re good to go!<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/et_pb_text][et_pb_image src=&#8221;<a href=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/best-moodboard-example.png&#038;#8221\">https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/best-moodboard-example.png&#038;#8221<\/a>; alt=&#8221;how to make a moodboard&#8221; title_text=&#8221;best moodboard example&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">Now that your reference board is ready, you have a visual representation of what the site design will look like. You can start working on the design itself.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It&#8217;s easy to create your own sites on Weblium, because you just select the required content blocks: text, video, slider, gallery, and others, and add them to the page. And if you don&#8217;t have much time, you can use <\/span><a href=\"https:\/\/weblium.com\/templates\/\"><span style=\"font-weight: 400;\">300+ ready-made templates<\/span><\/a><span style=\"font-weight: 400;\"> that are suitable for dozens of different areas of business. The automatic system helps you choose the right colors for your site, and it will also use those colors on all selected elements. You will not need to adjust the settings all over every time, it\u2019s enough to do it once. <\/span><a href=\"https:\/\/weblium.com\/\"><span style=\"font-weight: 400;\">Create your own website<\/span><\/a><span style=\"font-weight: 400;\"> easily and quickly on Weblium.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;<a href=\"https:\/\/app.weblium.com\/signup?lang=en&#038;#8221\" rel=\"nofollow\">https:\/\/app.weblium.com\/signup?lang=en&#038;#8221<\/a>; button_text=&#8221;Learn more about Weblium&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.11.1&#8243; _module_preset=&#8221;default&#8221; button_rel=&#8221;off|off|on|on|on&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A moodboard is a collection of references and other&#8230;<\/p>\n","protected":false},"author":20,"featured_media":17385,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[95,122],"tags":[],"class_list":["post-17353","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-for-startups","category-web-design","has-thumb"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Make a Moodboard in 7 Simple Steps - Weblium Blog<\/title>\n<meta name=\"description\" content=\"We tell you how to create a moodboard that will help you make a unique and trendy website for your business. Simple and with moodboard examples!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/${domain}\/blog\/make-moodboard\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make a Moodboard in 7 Simple Steps - Weblium Blog\" \/>\n<meta property=\"og:description\" content=\"We tell you how to create a moodboard that will help you make a unique and trendy website for your business. Simple and with moodboard examples!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/${domain}\/blog\/make-moodboard\/\" \/>\n<meta property=\"og:site_name\" content=\"Weblium Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/weblium\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-09T14:16:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-19T21:49:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/Moodboard-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1213\" \/>\n\t<meta property=\"og:image:height\" content=\"663\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lucy Kuharenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Weblium\" \/>\n<meta name=\"twitter:site\" content=\"@Weblium\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucy Kuharenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/\"},\"author\":{\"name\":\"Lucy Kuharenko\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/73127dd73609f37768e1c34bbab8c1fa\"},\"headline\":\"How to Make a Moodboard in 7 Simple Steps\",\"datePublished\":\"2022-08-09T14:16:49+00:00\",\"dateModified\":\"2024-12-19T21:49:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/\"},\"wordCount\":1314,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Moodboard-3.png\",\"articleSection\":[\"For Startups\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/\",\"name\":\"How to Make a Moodboard in 7 Simple Steps - Weblium Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Moodboard-3.png\",\"datePublished\":\"2022-08-09T14:16:49+00:00\",\"dateModified\":\"2024-12-19T21:49:23+00:00\",\"description\":\"We tell you how to create a moodboard that will help you make a unique and trendy website for your business. Simple and with moodboard examples!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Moodboard-3.png\",\"contentUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Moodboard-3.png\",\"width\":1213,\"height\":663,\"caption\":\"how to make a mood board\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/make-moodboard\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/category\\\/web-design\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Make a Moodboard in 7 Simple Steps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"name\":\"Weblium Blog\",\"description\":\"Weblium Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wp.en.weblium.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\",\"name\":\"Weblium\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"contentUrl\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"width\":200,\"height\":200,\"caption\":\"Weblium\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/weblium\\\/\",\"https:\\\/\\\/x.com\\\/Weblium\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/73127dd73609f37768e1c34bbab8c1fa\",\"name\":\"Lucy Kuharenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"caption\":\"Lucy Kuharenko\"},\"description\":\"I am the editor of the Weblium blog. I have more than 4 years of experience in marketing. I am interested in web design, SEO, and website development trends.\",\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/miledon88\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/liudmyla-kuharenko-057ab71a9\\\/\"],\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/author\\\/l-kuharenko\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Make a Moodboard in 7 Simple Steps - Weblium Blog","description":"We tell you how to create a moodboard that will help you make a unique and trendy website for your business. Simple and with moodboard examples!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/${domain}\/blog\/make-moodboard\/","og_locale":"en_US","og_type":"article","og_title":"How to Make a Moodboard in 7 Simple Steps - Weblium Blog","og_description":"We tell you how to create a moodboard that will help you make a unique and trendy website for your business. Simple and with moodboard examples!","og_url":"https:\/\/${domain}\/blog\/make-moodboard\/","og_site_name":"Weblium Blog","article_publisher":"https:\/\/www.facebook.com\/weblium\/","article_published_time":"2022-08-09T14:16:49+00:00","article_modified_time":"2024-12-19T21:49:23+00:00","og_image":[{"width":1213,"height":663,"url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/Moodboard-3.png","type":"image\/png"}],"author":"Lucy Kuharenko","twitter_card":"summary_large_image","twitter_creator":"@Weblium","twitter_site":"@Weblium","twitter_misc":{"Written by":"Lucy Kuharenko","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/${domain}\/blog\/make-moodboard\/#article","isPartOf":{"@id":"https:\/\/${domain}\/blog\/make-moodboard\/"},"author":{"name":"Lucy Kuharenko","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/73127dd73609f37768e1c34bbab8c1fa"},"headline":"How to Make a Moodboard in 7 Simple Steps","datePublished":"2022-08-09T14:16:49+00:00","dateModified":"2024-12-19T21:49:23+00:00","mainEntityOfPage":{"@id":"https:\/\/${domain}\/blog\/make-moodboard\/"},"wordCount":1314,"commentCount":4,"publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"image":{"@id":"https:\/\/${domain}\/blog\/make-moodboard\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/Moodboard-3.png","articleSection":["For Startups","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/${domain}\/blog\/make-moodboard\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/${domain}\/blog\/make-moodboard\/","url":"https:\/\/${domain}\/blog\/make-moodboard\/","name":"How to Make a Moodboard in 7 Simple Steps - Weblium Blog","isPartOf":{"@id":"https:\/\/${domain}\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/${domain}\/blog\/make-moodboard\/#primaryimage"},"image":{"@id":"https:\/\/${domain}\/blog\/make-moodboard\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/Moodboard-3.png","datePublished":"2022-08-09T14:16:49+00:00","dateModified":"2024-12-19T21:49:23+00:00","description":"We tell you how to create a moodboard that will help you make a unique and trendy website for your business. Simple and with moodboard examples!","breadcrumb":{"@id":"https:\/\/${domain}\/blog\/make-moodboard\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/${domain}\/blog\/make-moodboard\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/make-moodboard\/#primaryimage","url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/Moodboard-3.png","contentUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/Moodboard-3.png","width":1213,"height":663,"caption":"how to make a mood board"},{"@type":"BreadcrumbList","@id":"https:\/\/${domain}\/blog\/make-moodboard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/${domain}\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/${domain}\/blog\/category\/web-design\/"},{"@type":"ListItem","position":3,"name":"How to Make a Moodboard in 7 Simple Steps"}]},{"@type":"WebSite","@id":"https:\/\/${domain}\/blog\/#website","url":"https:\/\/${domain}\/blog\/","name":"Weblium Blog","description":"Weblium Blog","publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/${domain}\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/${domain}\/blog\/#organization","name":"Weblium","url":"https:\/\/${domain}\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","contentUrl":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","width":200,"height":200,"caption":"Weblium"},"image":{"@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/weblium\/","https:\/\/x.com\/Weblium"]},{"@type":"Person","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/73127dd73609f37768e1c34bbab8c1fa","name":"Lucy Kuharenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","caption":"Lucy Kuharenko"},"description":"I am the editor of the Weblium blog. I have more than 4 years of experience in marketing. I am interested in web design, SEO, and website development trends.","sameAs":["https:\/\/www.instagram.com\/miledon88\/","https:\/\/www.linkedin.com\/in\/liudmyla-kuharenko-057ab71a9\/"],"url":"https:\/\/${domain}\/blog\/author\/l-kuharenko\/"}]}},"jetpack_featured_media_url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2022\/08\/Moodboard-3.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/17353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/comments?post=17353"}],"version-history":[{"count":39,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/17353\/revisions"}],"predecessor-version":[{"id":25031,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/17353\/revisions\/25031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media\/17385"}],"wp:attachment":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media?parent=17353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/categories?post=17353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/tags?post=17353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}