Project Title: UX/UI Design for Blood Test Intelligence Web Application I am building a web-based blood test intelligence platform that helps users understand their blood test results through AI-powered analysis, personalized recommendations, and health tracking. I need a complete UX/UI design that translates our detailed specification into an intuitive, visually compelling user experience. About the Platform: The app analyzes blood test results (uploaded as PDF/photos or entered manually) and provides: AI-powered interpretation organized by body systems (Metabolic, Thyroid, Cardiovascular, etc.) Personalized health recommendations based on biomarker trends Goal tracking for specific health targets Intervention logging (supplements, medications, lifestyle changes) Historical trend analysis and pattern recognition Educational content with citations to trusted medical sources (NHS, NICE) Target Users: Health-conscious individuals tracking biomarkers, people managing chronic conditions (diabetes, thyroid issues), and health optimizers seeking to improve specific markers. What I'm Providing: Complete design specification document (15,000+ words) detailing all page purposes, content requirements, user flows, and conditional logic Clear information architecture for 9 main pages: Dashboard, Systems, Biomarkers, Goals, Interventions, Recommendations, AI Insights, Settings, and Upload Flow Defined data relationships and cross-page integration logic Content tone and accessibility requirements What I Need from You: 1. Information Architecture & User Flows: Review the specification and create low-fidelity wireframes for all 9 pages Map user journeys for key flows: first-time upload, goal setting, intervention logging, recommendation tracking Design the upload flow with two paths (photo/PDF upload vs manual entry) including 15-20 second processing states 2. High-Fidelity Design (Figma preferred): Complete screen designs for all pages with multiple states (empty states, populated, error states) Dashboard showing only exception-based content (systems needing attention, not all 8 systems) Data visualization designs: system score trends, biomarker history charts, progress indicators, sparklines "Intelligent summary statements" that adapt based on user health status (see spec for examples) Two-part Insights page: auto-generated insight cards + AI chat interface 3. Design System & Components: Component library covering: cards (system cards, recommendation cards, goal cards), tables (sortable biomarker tables), forms (multi-step upload, goal creation, intervention logging), buttons, badges (priority levels, status indicators), charts/data visualizations, modals/overlays Typography system optimized for plain-English medical content (Year 9-10 reading level) Color system for status indicators (optimal/good/needs attention/priority) with accessibility in mind Icon system for 8 body systems + general UI icons 4. Prototype & Documentation: Clickable Figma prototype demonstrating: Dashboard → System Detail → Biomarker Detail flow, Upload flow (both paths with processing states), Goal creation and tracking, Recommendation completion with intervention logging prompt Style guide for developer handoff Responsive behavior notes (web-first, must work on tablet/mobile) Key Design Challenges: Data Density vs Clarity: App handles complex medical data (24+ biomarkers, 8 systems, trends over time) but must remain approachable for non-medical users. Need progressive disclosure and smart information hierarchy. Processing Wait Times: Upload flow includes 5-10 second OCR processing + 10 second analysis. Need engaging progress UI that sets clear expectations. Adaptive Content: Many pages have "intelligent summary statements" that change based on user health status. Design must accommodate variable content lengths and tones (encouraging vs concerning). Cross-Page Integration: Pages heavily reference each other (biomarker pages link to systems, recommendations, goals, interventions). Navigation must feel seamless, not overwhelming. Empty States: Since users start with no data, empty states must be motivating and clearly guide first actions. Design Constraints: Accessibility: WCAG 2.1 AA compliance mandatory (sufficient contrast, keyboard navigation, screen reader support) Responsive: Desktop-first but must work on tablet and mobile No design prescription: The specification defines WHAT content appears WHERE, but gives you full creative control over HOW it looks and is arranged Trust signals: Design should convey credibility (medical content citations, disclaimers, source attribution) Plain language: Avoid medical jargon in UI copy; information should be scannable Deliverables: □ Low-fidelity wireframes for all 9 pages plus upload flow □ High-fidelity Figma designs with all states (empty, populated, error, loading) □ Complete component library ready for developer handoff □ Typography, color, and spacing guidelines □ Clickable prototype for user testing □ Responsive design notes/annotations □ Style guide documentation Evaluation Criteria: Visual coherence and consistency across all pages Clear information hierarchy (most important content is most prominent) Intuitive navigation between interconnected pages Appropriate handling of complex medical data without overwhelming users Accessibility compliance Responsive design that maintains usability on smaller screens Professional, trustworthy aesthetic suitable for health data Experience Preferences: If you have experience designing health/medical applications, data-heavy dashboards, or have worked with WCAG accessibility standards, please mention this. Understanding of how to present scientific/medical information to general audiences is valuable. Timeline & Collaboration: I have a complete specification document ready to share upon project start. I'm available for regular check-ins and can provide quick feedback on iterations. Ideally looking to complete design phase within 2 weeks. Please include in your proposal: Your approach to tackling the data density challenge Examples of health/medical or data-visualization projects you've designed Your preferred design tool (Figma strongly preferred) Estimated timeline with milestones Any questions about the specification or requirements I have also uploaded design from an existing app that I really like.