Architecture in Motion
Crafted a bespoke interaction model that guides users through eleven interconnected story cards. This framework ensured visual and narrative rhythm—flowing seamlessly across desktop, tablet, and mobile.
Crafted a bespoke interaction model that guides users through eleven interconnected story cards. This framework ensured visual and narrative rhythm—flowing seamlessly across desktop, tablet, and mobile.
Built mobile-first, then tuned for desktop. Not resized—recalibrated. Motion, type, proportions adjusted so rhythm held across xx-small to x-large. Every detail sweated: pixels, weights, milliseconds. Even pill-tabs behaved.The result: a system that adapts without distortion. Every breakpoint designed, not patched.
Every detail was deliberate. From icon weights and motion cadence to typographic hierarchy and colour tone, each card behaves as a unit and a system. I layered in dozens of iterations—bold sketches, subtle shifts, pacing tests—ensuring consistency and resonance across every device. Even navigation was reimagined: pill tabs, underlined links, swipe behavior—all tested for clarity, accessibility, and tone.
Each card carried its weight front and back. The outward face set the rhythm—clean, bold, immediate. Flip it over and the detail held up too: typography tuned, spacing reset, motion pared back so the story stayed clear. Both sides designed with the same care, so nothing felt like filler.
Navigation set the pace. Swipe gestures, pill tabs, and scroll behaviour were tested and pared back until moving through the cards felt natural. The controls don’t shout, they just carry you forward, keeping the focus on the story.
This project was about designing motion that communicates cleanly, coherently, and confidently across platforms. If your product needs that same quiet stuff, let’s talk.