Skip to case study

Aran Labs Studio / Selected work / 2026

Tidy Engines

Service model & workflow design
Identity & interactive storytelling
Website implementation

Creative and service teams spend hours preparing the work around their work. We shaped Tidy Engines’ service model and built its website to explain where agents could help, who owns each decision, and how to start with one workflow.

Tidy Engines homepage: Less busywork. More human work. Lavender serif type on warm paper, beside a woven robot and a human reviewer.
A little preparation. A very human final call.01 / Homepage identity

The business problem

Start where the work waits.

A producer assembles the same project folders. A studio gathers research before every proposal. A specialist checks a shortlist before it reaches a client. These recurring handoffs are the starting point for the service—not a reason to automate every decision.

Understand the workflow

AI Workflow Audit

Map one recurring process, locate friction and risks, then return ranked recommendations and written next steps. The designed service gives a team a bounded decision before it commits to a build.

Implement an agreed change

AI Agent Build

The proposed delivery model covers one workflow, including discovery, connections to agreed tools, testing, controls, documentation and handover. Software costs and ongoing support are scoped separately.

These are designed service offers. This project covers their positioning, website, illustrated workflow examples and enquiry experience.

02 / Interactive storytelling

Three routes.
One connected team.

The designed workflows distinguish human judgment, human direction and human review. Choose a route to follow the handoff, then pull back to see a connected team. This is an interactive explanation of the service model, not a running agent network.

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 a recurring task
to a useful brief.

  1. Recognize the handoff

    A studio lead explores a brief-to-proposal example: a person sets direction, an agent prepares source-linked material, and the team shapes the proposal. This workflow is designed, not connected to client tools.

  2. Choose a starting point

    The audit and build pages explain scope, deliverables, exclusions and questions to resolve. Separate pages make it possible to discuss one bounded service rather than an undefined AI transformation.

  3. Prepare an enquiry

    The working contact helper carries the chosen interest into a browser form, validates the brief and prepares an email draft. The visitor reviews it before opening their email app or copying it. The website does not send or store the enquiry.

A draft arrives at the reviewer. Rough marks become a star as the hands move, then the finished document continues.

Original handoff detail, enlarged. Plays once; replay to watch again.

03 / The human checkpoint

The last touch
belongs to a person.

The document pauses beneath the reviewer’s hands. Rough marks resolve into a star, with a small movement of the hands marking the change. Human refinement becomes a visible event in the workflow.

04 / Illustration system

A softer face
for systems work.

Woven surfaces make the robots feel tactile. Hair, glasses and clothing give people individual presence. Fine lavender, sage and terracotta lines connect them without overpowering the characters.

Enlarged lavender fabric robot, a human with round glasses and a dark jacket, and a curly-haired reviewer in amber glasses and a terracotta overshirt.
Fabric, faces and a shared paletteThe agent has a woven surface; the people have distinct silhouettes and personal styling.
An agent prepares a document, a person reviews it, and fine connectors link them to existing tools.
Build / A working connectionThe service illustration places human review between preparation and the tools that receive the work.
A person examines a workflow map with a magnified waiting handoff.
Audit / Look at the handoffA magnified detail makes the service’s purpose concrete: find where the work waits.

05 / Across screen sizes

The same story.
A different route down.

Desktop paths run across the page. Mobile rebuilds them as three vertical branches. Motion can be paused; reduced-motion preferences open a complete, still network, with every route available as a static view.

Desktop workflow with three horizontal routes: human judgment above, human direction in the centre, human refinement below.
DESKTOP / Horizontal handoffs
Mobile workflow with three vertical branches from a common start to a common end; people and agents retain their roles.
MOBILE / Vertical branches

What we delivered

A service people can understand.
A website they can use.

Make ownership visible

Distinct people and woven agents give each handoff an owner. A pause beneath the reviewer’s hands marks a decision, rather than presenting every step as automatic. The drawings explain how the service is intended to work.

Keep the enquiry in the browser

The contact helper prepares text locally and exposes a reviewable draft. There is no submission endpoint behind it. That matches the current business stage and avoids collecting workflow details into an unfinished system.

Build a small, readable site

A static build produces the offer, example, contact and information pages with local fonts and artwork. The workflow redraws for narrow screens, supports pause and reduced motion, and has a text description. Visitors can understand the service without following animation.

Aran Labs delivered service positioning, offer pages, designed workflow examples, illustration, interactive motion, responsive layouts and the enquiry-draft helper.