Interactive demonstration · Sample data
Explore the client experience with a sample project. Select a stage, open the design note and follow the decisions behind the work.
Client app · Arabic & English
In focus
Review the mobile journey, the reading order and the moments that need feedback.
Next step
Open the design note and explore the proposed direction.
Design note · Version 02 · Sample
The next action should be visible before the detail. We lead with the project stage, place the relevant document beside it and keep secondary navigation within easy reach.
In Arabic, the reading order follows the interface direction. Project identifiers and numbers remain isolated so that their sequence stays intact.
On a phone, the same content becomes a single column. Controls remain reachable and the selected stage stays visible.
Version 02 · Sample document
The next action should be visible before the detail. We lead with the project stage, place the relevant document beside it and keep secondary navigation within easy reach.
In Arabic, the reading order follows the interface direction. Project identifiers and numbers remain isolated so that their sequence stays intact.
On a phone, the same content becomes a single column. Controls remain reachable and the selected stage stays visible.
Illustrative activity from this sample project.
Design direction prepared
First release scope recorded
Discovery brief completed
The audience, the problem and the first release are defined in a concise brief.
Review the brief and agree the priority journey.
Review the mobile journey, the reading order and the moments that need feedback.
Open the design note and explore the proposed direction.
The agreed journeys are built into working screens, with clear loading, empty and error states.
Review the implementation against the agreed scope.
The release checklist brings quality, operations, accessibility and handover into one review.
Confirm the release evidence and operational owner.
Feedback becomes a prioritised set of improvements within the agreed care scope.
Agree the next improvement and its measure of success.
Interactive demonstration. All project details are sample data. Nothing here changes a real account or creates an agreement.