A breakdown of how each piece in my portfolio was made — from first idea to final export.
01
AI-Native CRM Built for Speed
This was a spec ad for Attio. I started by studying their brand and product UI — how they
present themselves, what feels native to their world, and what needed to be simplified for
a 30-second ad.
I wrote a tight script built around one idea: speed without sacrificing depth. From there
I recreated key UI frames, storyboarded the transitions, and animated each scene so the
product felt alive — not like a static screenshot dump. Pacing was everything; every cut
had to earn the next beat.
Sound design and final polish came last — small whooshes, UI clicks, and music that matched
the energy without overpowering the message.
02
Ship Faster. Deploy Instantly.
For this piece, the goal was outcome-first messaging — lead with what the viewer gets,
not how the product works under the hood. I structured the script around speed and
immediacy, then designed visuals that reinforced that feeling at every turn.
I built the motion around quick, confident transitions — nothing lingering too long.
UI elements snapped into place, progress indicators moved fast, and the whole ad was
cut for paid social where you have seconds to land the point.
I kept the layout clean and the color palette restrained so the motion itself carried
the energy. Final delivery was formatted for vertical and horizontal placements.
03
From Manual Processing to Flow
This ad used a before-and-after structure — show the pain first, then the relief. I
mapped out both states side by side in a storyboard so the contrast would be obvious
even without sound.
The "before" state was intentionally cluttered: slower motion, heavier visuals, more
friction. The "after" state opened up — smoother transitions, cleaner layouts, a calmer
rhythm. That shift in pacing is what sells the transformation.
I animated the key moments frame by frame where it mattered, then used motion graphics
for the broader UI flow. The whole thing was built to make a complex product change feel
simple and inevitable.
04
AI Workflow Automation
Backend workflows are hard to show — there's no obvious hero shot. I started by breaking
the system into a simple visual sequence: input, process, output. Each step got its own
visual language so the viewer always knew where they were in the flow.
I designed icons and UI panels that abstracted the real product without dumbing it down.
Then I animated the connections between steps — lines, pulses, and transitions that
guided the eye left to right through the system.
The challenge was making automation feel tangible. I used timing and layering so each
action triggered the next, giving the impression of a living, working system rather than
a static diagram.
05
Google's new Web Design AI
This explainer was about speed — showing how Google's Stitch AI takes you from a blank
page to a complete, professional website with just a few prompts. The structure mirrors
that journey: type a prompt, watch the design appear, refine, and ship.
I built the pacing around those prompt-to-result moments. Every beat lands on a payoff —
a finished layout snapping into place — so the platform's speed is something you feel
in the edit, not something the video has to claim.
The challenge was keeping it clear at that pace. Motion direction and timing had to
guide the eye to exactly what changed on screen after each prompt, so viewers always
understood what Stitch had just built — and how little it took to get there.
06
Showreel
A quick-cut reel pulling together highlights from recent projects — built to show range
and craft at a glance, with fast pacing and a strong opening to hook attention right away.