High-Fidelity Mockups:
Layout and structure
Typography and colour palette
Imagery and iconography
Interactive elements and microinteractions
Low-Fidelity Wireframes:
Simplified sketches or diagrams of the user interface
Used for initial planning and client feedback
Style Guide:
Color palette
Typography
Iconography
Spacing and layout guidelines
Interactive Prototype:
A clickable prototype that simulates the user experience
Used for testing and user feedback
Source Files:
The original design files (e.g., Figma, Adobe XD)
Asset Library:
A collection of all visual assets used in the design
Includes:
Images
Icons
Illustrations
Fonts
Additional Deliverables (Optional):
User Flow Diagrams: Visual representations of user journeys