A mockup provides assistance in making final decisions regarding a product’s color schemes, visual style, and typography. Using a digital mockup, you can experiment with the visual side of the product to see what looks the best.
A wireframe is a graphic representation of a website or application that displays the basic components and the layout. It is like a blueprint of a building. It allows you to see the foundation and visual flow without being distracted by details or text.
A moodboard is a collage of images, fonts, colors, icons, and elements to communicate the artistic direction of a project. As with everything in UX design, the moodboard should be focused on meeting user needs and accurately representing the client's brand.
A UX sitemap is a hierarchical diagram of a website or application that shows how pages are prioritized, linked, and labeled. It is a visual representation of how pages or sections are related to each other.
