A little preparation. A very human final call.01 / Homepage identity
The business problem
Start where the work waits.
Start with a recurring task: assembling project folders, gathering proposal research or preparing a shortlist for review.
Understand the workflow
AI Workflow Audit
Map one process and identify where work gets stuck. Return ranked recommendations and written next steps.
Implement an agreed change
AI Agent Build
Build one agreed workflow, from tool connections to testing and handover. Scope software costs and ongoing support separately.
Our work covers the service offers, website, illustrations and enquiry flow.
02 / Interactive storytelling
Who does what?
Follow three ways people and agents can work together. This is an illustrated service model; the agents aren’t running.
Select a route, then reveal the network. Replay and motion controls are inside the demo.
Read the workflow description
Human judgment: Start → person → end. A person handles work that depends on judgment or relationships.
Human direction: Start → person → agent → end. A person sets the brief and boundaries; the agent carries out the agreed work.
Human taste: Start → agent → person → end. An agent prepares the first pass; a person reviews and refines it.
The network reveal: The view pulls back to show more connected teams. A dotted “Where we started” frame identifies the original three routes.
A concrete first journey
From task to enquiry.
Recognize the handoff
In the proposal example, a person sets direction, an agent prepares research and the team shapes the proposal. It uses no client connections.
Choose a starting point
Separate audit and build pages explain what each service includes, costs to consider and questions to resolve.
Prepare an enquiry
The contact form prepares an email draft for review. Visitors copy it or open their email app; the website sends and stores nothing.
Original handoff detail, enlarged. Plays once; replay to watch again.
03 / The human checkpoint
Show the human review.
Rough marks become a star beneath the reviewer’s hands. The animation gives human refinement a moment you can see.
04 / Illustration system
The characters.
Woven robots, individual faces and muted connecting lines give the workflow its character.
Fabric, faces and a shared paletteThe agent has a woven surface; the people have distinct silhouettes and personal styling.
Build / A working connectionThe service illustration places human review between preparation and the tools that receive the work.
Audit / Look at the handoffA magnified detail makes the service’s purpose concrete: find where the work waits.
05 / Across screen sizes
Rebuilt for mobile.
Horizontal paths become vertical branches on mobile. Pause the motion or read the complete static view.
DESKTOP / Horizontal handoffs
MOBILE / Vertical branches
What we delivered
Designing the handoffs.
Make ownership visible
Each handoff names who does the work. The pause under the reviewer’s hands shows where they make the decision.
Keep the enquiry in the browser
The enquiry stays in the visitor’s browser until they choose to send the email themselves.
Build a small, readable site
The site uses local artwork and fonts, with responsive diagrams, motion controls and text descriptions.
Like this project
Posted Sep 18, 2026
Tidy Engines — service case study showing illustrated workflows, human checkpoints, interactive storytelling and responsive diagrams across screen sizes.