A key component in your website’s feel, and some might argue the most readily noticeable, is color. We all have a favorite and before we can even read, we’re taught names and cultural associations for each. But choosing a color palette for a website that inspires the right emotions and works well with existing branding or content can be a challenge.
You should design your website to evoke the emotions that you want users to have, ones that make them have a positive opinion of your brand or content, and that motivate them to take actions you desire. Mood boards help with that. Mood boards are physical or digital collages of images, icons, typography, colors, patterns, textures, and other design elements that together speak to the intended mood you want to set with your visual design.
Like architectural blueprints, wireframes depict the structure of a webpage but not the visual design elements of it. You can learn the layout of content blocks on a page, the types of content a page will contain, and some of the basic functionalities of a page from a wireframe.
Designing the bones of a website is the focus of an area of UX design known as information architecture (IA) design. IA design is about creating a structure on a website that helps a user understand where they are in the site and where they can find the information they are seeking. Information architecture is visually represented using a sitemap.