04 · Sketching
Exploring both sides of the approval.
Early sketches helped the team examine entry points, onboarding, request statuses, errors, selection patterns, and the handoff back to the buyer before investing in polished UI.
Administrator flow
From notification to a confident decision.
Sketch exploration
Administrator Sketching Screens
01Mapping the flow
Once the mapping is synthesized, we can begin considering the screens needed for this flow within the app.
02Considering entry points
Start with an empty Purchase Requests screen and determine where entry points should live: email, notifications, and the account menu.
03Onboarding users
Create an onboarding screen that provides administrators with the information they need to understand the experience.
04Status screens
Explore clear states for pending, approved, and denied purchase requests.
05Error screens
Consider how the experience communicates and helps users recover from errors.
06Purchase Request management
Explore how administrators select requests, approve or deny them individually or in bulk, and avoid accidental actions.
Buyer flow
From purchase limit to order completion.
Sketch exploration
Buyer Sketching Screens
01Mapping the flow
Once the mapping is synthesized, we can begin considering the screens needed for this flow within the app.
02Considering entry points
Start with an empty Purchase Requests screen and determine where entry points should live: email, notifications, and the account menu.
03Onboarding users
Create an onboarding screen that provides buyers with the information they need to understand the experience.
04Status screens
Explore clear states for pending, approved, and denied purchase requests.
05Error screens
Consider how the experience communicates and helps buyers recover from errors.
06Buyer completing purchase
Consider the screens and transitions buyers need to return to an approved order and finalize the purchase.
Team feedback
Pressure-testing the flow before prototyping.