Creative motion · concept studies

Motion with a clear job to do.

Motion design can reveal a brand, make a product benefit easier to understand, or explain a software workflow. This page contains original browser-based motion studies created for the ARRC portfolio.

Portfolio status: these are self-initiated visual concepts and CSS/HTML motion tests, not client commissions or exported final video files. A rendered showreel will be added only when finished animation assets are available.

Self-initiated motion studies

Three directions. Three different communication goals.

Use the playback controls to pause or replay each browser animation. They demonstrate timing, hierarchy and movement in a webpage; they are not substitutes for final video exports.

FORMA
FORM FOLLOWS FEELING
BRAND IDENTITY / 08 SEC STUDY
01 / BRAND IDENTITY

Forma — logo reveal concept

A restrained identity reveal using a geometric seal, staggered letter movement and a short hold on the final lock-up.

Logo motionKinetic typeBrand sting

Animation is playing.

NOVA / WORKSPACE DEVICE
NOVAFOCUS / CONNECT / CREATE
LESS FRICTION.MORE FLOW.
PRODUCT PROMO / 12 SEC STUDY
02 / PRODUCT PROMOTION

Nova — product motion concept

A fictional workspace product study combining a slow hero rotation, controlled highlights and a concise benefit reveal.

Product revealLighting studyBenefit messaging

Animation is playing.

WORKFLOW CLARITY / CONCEPTFrom enquiry
to next action.
01 / INPUTCaptureEnquiry received
02 / CHECKValidateRequirements reviewed
03 / ROUTEAssignNext owner notified
SAAS EXPLAINER / 15 SEC STUDY
03 / SOFTWARE EXPLAINER

Enquiry workflow — explainer study

A short UI-led sequence that visualises a business process through labelled steps, staged emphasis and an animated connector.

ExplainerUI animationProcess clarity

Animation is playing.

From concept to deliverable

Final video delivery is agreed per brief.

A commissioned project can define duration, aspect ratios, output formats, subtitles, languages, music/stock licensing, project files and revision rounds. Nothing is assumed to be included until it is listed in the written scope.

Request a motion quote ↗
Production process

A defined path from brief to final assets.

The production stages below are a proposed delivery framework. Exact steps and deliverables vary by project.

01

Brief & objective

Audience, message, placement, duration and the action the viewer should take.

Output: agreed creative brief
02

Concept & storyboard

Creative direction, storyboard, style frames and a review checkpoint before full animation.

Output: approved visual direction
03

Animation & review

Build the motion, present review versions and process the revisions included in scope.

Output: review render
04

Render & handover

Export the agreed formats and versions, then hand over files listed in the agreement.

Output: agreed final assets