Wireframes: Blueprint layouts outlining the structure and hierarchy of web pages. Mockups: Visual representations of the website's design, showcasing colors, typography, and imagery. Prototypes: Interactive models allowing stakeholders to view navigation and functionality. Responsive Design: Designs optimized for various devices and screen sizes. Style Guides: Documentation defining design elements, such as colours, fonts, and iconography, for consistency. Assets: Graphic files, icons, and images ready for implementation. Information Architecture User Flows: Diagrams illustrating the paths users take through the website.