An original motion piece follows a fictional website from a polished desktop layout to a usable phone experience.
HTML · CSS · SVG · MP4
Silent animation. Play when you’re ready.
What the animation shows
A polished desktop page becomes cramped on a phone. The layout is
corrected, the main button becomes clear and an illustrative enquiry
form opens. The business is fictional; nothing is submitted.
Illustrative redesign · fictional site · no audio
ENQUIRY → NEXT ACTION
HARBOUR STUDIO / FICTIONAL EXAMPLE
“We need a clearer website and enquiry route.”
The bundled website enquiry used in the retained local walkthrough.
INPUTA new enquiryA website request, with its source retained.
PREPAREA useful draftA reply revised from version 1 to version 2.
REVIEWA human decisionVersion 2 approved. No sent event yet.
A simulated send is recorded only as a separate step.
Internal demonstration
From enquiry to next action
Our local demo keeps the request, draft, review and next action together. A decision and a sent message remain separate events.
This demonstration uses example enquiries and simulated sends. The
diagram follows the retained Harbour Studio walkthrough; it is not a
live customer inbox.