What is Archive Motion Lab?
A visual archive and motion language for browsing prototypes, studies, and experiments.
Built as an editable portfolio case study with a stable visual structure, clear context, and reusable proof points.
Archive Motion Lab
A visual archive and motion language for browsing prototypes, studies, and experiments.
Introduction
My Role
UX Design / Visual System
Timeline
2024
Overview
A focused product story
Archive Motion Lab frames the product around focused decision-making, clear hierarchy, and fast editorial scanning.
The template combines concise narrative blocks with visual proof, so each project can be edited in the local Studio without touching code.
System
Structured for editing
Reusable content sections support research notes, interface captures, metrics, quotes, and custom embeds.
This keeps the public case-study layout stable while allowing project-specific updates from the CMS.
Condensed entry points for repeated admin edits.
Featured and regular projects share one structure.
Every section appears in the floating detail navigation.
Outcome
Ready for live iteration
The outcome is a portfolio data model that behaves like a real CMS instead of a static prototype.
Editors can update cover imagery, summaries, and section content while the front-end reads published data directly.
A project template should make the strongest version of the work easy to maintain.