Design Dev
Back to all work

Visual Production

Ad design, motion, print, UI — organized by tool and type.

Web Banners & Display Ads Photoshop · Illustrator

Multi-size ad sets adapted across standard display formats. Two campaigns: one brand adaptation, one original brand creation.

Brand Adaptation · McDonald's

McDonald's 300x600 banner 300 × 600
McDonald's 160x600 banner 160 × 600
McDonald's 300x250 banner 300 × 250
McDonald's 728x90 banner 728 × 90
McDonald's 970x250 banner 970 × 250

Original Brand Creation · COUNT App

COUNT app 300x600 banner 300 × 600
COUNT app 160x600 banner 160 × 600
COUNT app 300x250 banner 300 × 250
COUNT app 728x90 banner 728 × 90
COUNT app 970x250 banner 970 × 250
Motion & Animation Adobe Animate · HTML5 Canvas

Animated banner sequences designed for web delivery. Frame-by-frame storyboards showing scene transitions, timing, and animation intent.

Animation frame 1

Frame 1 — McDonald's logo fades onto background

Animation frame 2

Frame 2 — Mobile silhouette fades in. "HUNGRY?" bounces on.

Animation frame 3

Frame 3 — "Go from PHONE" fades in. App illustration follows.

Animation frame 4

Frame 4 — "To your FAVORITE" pops up. Food illustration slides in.

Animation frame 5

Frame 5 — "FAST" slides down. CTA button slides up last.

App UI Design Figma

PWA screen designs — mobile-first, component-based.

COUNT PWA Onboarding Screen

COUNT PWA · Screen 01

Onboarding

High-fidelity Figma prototype

COUNT PWA Dashboard Screen

COUNT PWA · Screen 02

Daily Dashboard

High-fidelity Figma prototype

COUNT PWA Log Entry Screen

COUNT PWA · Screen 03

Log a Micro Joy

High-fidelity Figma prototype