WIREFRAMING AND TASK FLOWS

I translated the IA into low-fidelity screens that exercise the three priority journeys end-to-end. The goal was speed and clarity: every frame pressures the guardrails and makes states explicit (Draft, Sensitive, Exported). Using Figma with Auto Layout and placeholder components, I built a click-through lo-fi to validate copy, hierarchy, and tap targets before visual polish. I’m showcasing stills plus a short 10–15s lo-fi video to illustrate first taps and decision points; the interactive link will be shared at the hi-fi stage.

TASK FLOW - BIANCA

MORNING PROMPT

  1. Settings (list view)Morning Prompt card with short helper: “A gentle nudge to record right after waking.” [Toggle Off]

  2. Morning Prompt details — Toggle ON; simple time picker (HH:MM:SS)

  3. Time selected — Preview reads “Set for 07:30.” Primary action: Save. Secondary: “Cancel”

  4. Confirmation sheet — “Morning Prompt set for 07:30. CTA: Done.

Lo-fi demo — Morning Prompt setup: User opens Settings → Notifications → Morning Prompt, toggles it on, and selects a wake-up time—showcasing a low-cognition setup for first-minute capture.

TASK FLOW - SONIA

EXPORT TO THERAPY

1. Dream card (detail)
CTA: Export to Therapy. A concise prompt explains what will happen next. Back arrow returns to the dream card at any time.

2 .Select what to include
Checklist: Title, transcript, mood tags, attachments. Helper: “Only selected items will be shared.” Primary: Continue. Secondary: Cancel / Back arrow.

3. Add note to therapist
Optional short note for context (multi-line). Subtext: “Your note is included with this export.” Primary: Send to Therapy Room. Secondary: Back.

4. Confirmation
Success: “Dream sent to Therapy Room.” Primary: Go to Therapy Room. Secondary: Back to Dream. Subtext: “You can view or revoke access from Therapy Room.”

TASK FLOW - ALEX

EXPRESSIVE CAPTURE

1.Start capture → add song link (auto-detected inline, attached instantly).

2. Open Sketch → make a quick drawing; autosave keeps progress on close.

3.Swipe the mood carousel → tap a mood chip to tag at entry.

4. Save dream → entry saved with song + sketch + mood.

Lo-fi demo — Export to Therapy: From the Dream card, Soraya taps Export to Therapy, selects what to include, adds a short note, and sends—ending on a clear confirmation with Go to Therapy Room (back arrow available throughout).

Small interactions, big continuity: I refined autosave, inline confirmations, and clear back paths so each screen hands off cleanly to the next, keeping the core flows friction-free.

Design with users, not assumptions—see how lo-fi testing shaped a better solution