# LeadPilot — Mobile UX & Responsive Strategy

**Document Version:** 1.0.0 (Phase 3 UX Architecture Lock)  
**Status:** Approved & Formally Recorded  
**Primary Breakpoints:** Mobile (`< 640px`), Tablet (`640px - 1024px`), Desktop (`> 1024px`)  

---

## 1. Mobile First-Class Workflow Hierarchy

On mobile devices, LeadPilot focuses strictly on the 5 highest-velocity sales workflows:
1. **Checking Attention Items:** Seeing response overdue alerts immediately on login.
2. **Contacting Leads:** Direct 1-tap `tel:` and `https://wa.me/` action links with auto-copied intro templates.
3. **Advancing Stage:** 1-tap stage switcher buttons (`Contacted`, `Qualified`, `Proposal`, `Won`).
4. **Rescheduling Follow-ups:** 1-tap date nudges (`Tomorrow`, `In 3 Days`, `Next Week`).
5. **Logging Quick Notes:** Fast voice-to-text or typed touchpoint notes.

---

## 2. Mobile Layout Adaptations

```
+-----------------------------------------------------------------------------------+
| [=] Apex Studio                              (7) [Alerts]  [ + Quick Lead ]       |
+-----------------------------------------------------------------------------------+
|  ! ATTENTION QUEUE (2 Urgent)                                                     |
|  ┌─────────────────────────────────────────────────────────────────────────────┐  |
|  │ Priya Sharma — Website Redesign ($12k)                      [HOT 92]        │  |
|  │ Stale Proposal (6 days inactive)                                            │  |
|  │ [ 1-Tap: Send WhatsApp Nudge ]    [ Reschedule ]             [ Details > ]  │  |
|  └─────────────────────────────────────────────────────────────────────────────┘  |
|                                                                                   |
|  LEAD INBOX (Card List Mode)                                                      |
|  ┌─────────────────────────────────────────────────────────────────────────────┐  |
|  │ Rajesh Patel                                    2h ago • [HOT 88]           │  |
|  │ Custom App Inquiry                              Stage: New                  │  |
|  │ [ Call: +919876543210 ]   [ Send Intro Template ]            [ Open > ]     │  |
|  └─────────────────────────────────────────────────────────────────────────────┘  |
|                                                                                   |
+-----------------------------------------------------------------------------------+
|  [ ! Attention (7) ]   [ # Inbox ]   [ || Pipeline ]   [ @ Follow-ups ]   [ ... ] |
+-----------------------------------------------------------------------------------+
```

---

## 3. Touch Targets & Ergonomic Standards
* All interactive touch targets (buttons, links, form inputs) are sized $\ge 44\text{px} \times 44\text{px}$.
* High-frequency buttons (`Send Template`, `Call`, `Mark Done`) are anchored at the thumb-reachable bottom zone.