Following the below Steps Wireframes: These are basic sketches or blueprints of the layout and structure of the website or application. Mockups: These are detailed designs of the user interface, showing the visual design, typography, colour scheme, and other design elements. Mockups help clients and stakeholders to visualize what the final product will look like. Interactive prototypes: These are functioning, clickable models of the website or application that allow clients to interact with the design and get a sense of how it will work in practice. Design specifications: These are detailed instructions for implementing the design, including information on typography, color codes, spacing, and other design elements. Design specifications help ensure consistency and accuracy in the final product. Design style guide: This is a document that outlines the visual and design elements of the project. It may include guidelines for typography, color palette, imagery, and other design elements. Final design files: These are the files that contain the final designs, ready for implementation by developers. They may include files in various formats, Figma, or XD.