Ara Projects — User Journeys

Self-contained wireframe export. Each screen links to its cleaned HTML; the right column is the control that advances to the next screen. Works fully offline.

Journey 1 — Stonewater admin: set up a project and import the programme

  1. Getting Started (Empty State)Create project →
  2. Project Details (Step 1)Create and continue →
  3. Select Workstreams (Step 2)Save and continue →
  4. Configure Stages (Step 3)Save and continue →
  5. Configure Documents (Step 4)Save and continue →
  6. Contractors & Permissions (Step 5 - Updated)Save and continue →
  7. Import Upload (Step 6)Continue →
  8. Map Columns (Rebuilt)Validate import →
  9. Map Columns (Workstream Unlocked)Validate import →
  10. Validate Import (Import Flow)Continue to Summary →
  11. Review Import Summary (Import Flow)Confirm import →
  12. Programme Dashboard (Three-Band Layout)(journey end)

Journey 2 — Contractor: move a work order through the stages to complete

  1. 1. Property View (Start)Book appointment →
  2. 2. Book Appointment (Refined)Confirm booking →
  3. 3. Report No Access (Contractor View)Log no access → Rebook →
  4. 4. Rebook (Refined)Confirm booking →
  5. 5. Attend & Start (Contractor Sidebar)Mark on site →
  6. 6. Completion Blocked (Property View)Upload →
  7. 7. Upload Evidence (Contractor View)Mark completed (4 of 4) →
  8. 8. Completion Cleared (Refined)Mark completed →
  9. 9. Marked Completed (Refined)(journey end)

Journey 3 — Stonewater admin: toggle into the contractor view

  1. Work orders (Admin)View as contractor →
  2. Contractor A View (Refined Consistency)switch → Contractor B
  3. Contractor B View (Refined Consistency)switch → Contractor C
  4. Contractor C View (Reconciled Structure)Exit contractor view →

Source: Stitch project 8537473387290162501. Screens identified by Stitch name (HTML <title> tags are non-unique). Figures are sample data; contractor job descriptions are placeholder text. Tailwind, fonts and images vendored under assets/.