Clarks Originals
Storyboardings

Designing with GSAP and Google Web Designer (GWD) in mind, focusing on simple, quick-turnaround concepts that drive engagement and streamline production. Creating simple movement that aligns with brand messaging while standing apart from the host site's style.

Client: Clarks Originals

Project Type: WiFi | Web | Email

Focus Area:WiFi, Campaign Creative

Design: Sketch, Photoshop, Illustrator

The process:

I was asked to create a lightweight yet visually compelling storyboard, this piece lays the groundwork for effective collaboration with developers while ensuring consistent implementation across platforms. The animation is composed of three fluid stages, carefully choreographed to blend into a single, continuous motion—avoiding any noticeable pauses or abrupt transitions to maintain visual harmony and user flow.

Backgrounds created in Adobe Illustartor, from flat colours to train sole tread.

Half Page Ad (Vertical Banner: 300px x 600px)
Half Page Ad - V1

1. Single product with plain background
Half Page Ad - V2

2. Single product with flat colour background
Half Page Ad - V3

3. Single product with textured background
.MPU (Mid-page Unit: 300px x 250px)
MPU - V1

1. Logo and sale price, fade-in animation.
2. Backgound pattern/texture to fade-in over product.
MPU - V2

1. Logo and sale price, slide-in animation.
2. Backgound pattern/texture to fade-in over product.
MPU - V3

1. Logo and sale price, fade-in-up animation.
2. Backgound pattern/texture to fade-in over product.