Wireframes: Basic layout blueprints for each page to show structure and content placement.
Mood Board/Style Guide: Visual references and branding elements, including color palettes, typography, and imagery.
High-Fidelity Mockups: Detailed visual designs for key pages, showcasing the final look and feel.
Responsive Design Variations: Adaptations of designs for different devices (desktop, tablet, mobile).
Prototype: Interactive version of the design to demonstrate user flow and functionality.
UI Kit/Design System: Reusable components (buttons, icons, etc.) to maintain consistency.
Visual Assets: Custom graphics, icons, and imagery optimized for the web.
Style Guide: Document outlining design specifications for developers, including color codes, font sizes, and spacing.
Testing and Revisions: Adjustments based on feedback to refine the design before development.