What's included

• User Experience (UX) Deliverables

  User Flow Diagrams: Visual maps showing how users will navigate through the app Wireframes: Low-fidelity sketches/layouts for each key screen or interaction Usually delivered in grayscale Can be in PDF, PNG, or tools like Figma, Sketch, or Adobe XD Information Architecture (IA): Sitemap or content structure Interaction Design: Notes or prototypes showing how elements behave (e.g., hover states, modals)

• User Interface (UI) Deliverables

  High-Fidelity Mockups: Pixel-perfect, visually styled designs of all screens Responsive designs (Desktop, Tablet, Mobile) Design System / Style Guide: Typography Color palette Buttons, forms, icons, etc. Component library (reusable UI elements) Accessibility Considerations (e.g., contrast ratios, font sizes)

• Prototypes

  Clickable Interactive Prototype Usually built in Figma, Adobe XD, or InVision Simulates user interaction (click-throughs, transitions) Useful for testing or presentations

• Design Files

  Editable source files (Figma, Sketch, Adobe XD) Exported assets (PNG, JPG, SVG, PDF as needed) Asset naming conventions and organization Font files or licenses (if applicable) Icon sets used (if not native)

• Handoff Documentation (for Developers)

  Design specs (spacing, sizing, colors, fonts) Redlines and annotations Instructions or notes for dev handoff