WEB003 Website & Digital Experience Q4 2026

Web Portal User Flow: UX/UI Design

Final output User-flow map, up to 10 responsive Figma screens, prototype and handoff
Allowance 1 flow; 1 user type; up to 10 unique screens; 2 wireframe + 2 UI revision rounds
Minimum term One-time project

DETAILED DELIVERABLES

Scope of work

Included services, deliverables and allowances for this service. Any monthly or total-package quantities apply to the periods stated below.
Web Portal User Flow: UX/UI Design Service scope schedule

On smaller screens, scroll across the table to view all columns.

Included scope, deliverables and allowances for Web Portal User Flow: UX/UI Design
Item Scope & responsibilities Deliverable Allowance / basis
01 Flow Discovery Workshop

Clarify the user, business objective, starting point, completion outcome and constraints

Discovery notes Up to 90 minutes
02 User & Objective Definition

Define the primary user, task and successful completion criteria

Flow objective 1 user type + 1 objective
03 Requirement Review

Review client-supplied requirements, fields, rules and technical constraints

Requirement summary 1 flow
04 User-Flow Mapping

Map the journey from entry to the primary completion outcome

User-flow diagram 1 end-to-end journey
05 Decision & Exception Mapping

Define standard decision, validation, error, empty and success states

State map Standard states
06 Low-Fidelity Wireframes

Design the structure and interactions for the approved flow

Wireframes Up to 10 unique screens
07 Responsive UI Design

Apply the approved visual system to desktop and mobile layouts

High-fidelity screens Up to 10 unique screens
08 Clickable Prototype

Connect the screens to demonstrate the primary journey

Figma prototype 1 flow
09 Consolidated Revisions

Apply consolidated feedback without expanding the approved flow

Updated designs 2 wireframe rounds + 2 UI rounds
10 Developer Handoff

Prepare components, states, measurements and implementation notes

Handoff-ready Figma file 1 package

PROJECT TIMELINE

Delivery roadmap

Move horizontally through the stages to see how the engagement progresses.
STAGE 01

Phase 1 — Flow discovery and requirement alignment

STAGE 02

Phase 2 — User-flow and system-state mapping

STAGE 03

Phase 3 — Low-fidelity wireframes

STAGE 04

Phase 4 — Responsive high-fidelity UI design

STAGE 05

Phase 5 — Prototype, revisions and developer handoff

COMMERCIAL CONDITIONS

Important scope conditions

One flow has one defined starting point and one primary completion outcome.
Client supplies approved functional requirements, rules, fields, brand assets and technical constraints.
Additional journeys, user roles, screens, research, development, backend logic and integrations are excluded.
Feedback must be consolidated by the appointed client representative.
Prices exclude applicable SST.