Storyboards

Storyboarding Projects

As a developer in the digital ad space, I've seen HTML5 banners explode in popularity. Their small file sizes and streaming capabilities are a game-changer. But before I even think about diving into code, there's a crucial first step: storyboarding.

For me, the storyboard is where the magic truly begins. It's how I translate a client's vision into a tangible sequence of events. I sketch out each key frame of the animation, mapping out how their product will move, transform, and captivate the viewer.

Showing the client this storyboard is invaluable. It's one thing to describe an animation, but seeing it laid out visually is a completely different experience. This allows for real-time feedback, ensures we're on the same page regarding the overall flow and message, and catches any potential misunderstandings early on.

This upfront alignment is a project's secret weapon. By solidifying the creative direction beforehand, I can code with confidence, knowing that the final product will not only be technically sound but will also resonate with the client's initial vision.

So, while HTML5 provides the technical muscle for stunning animated banners, the storyboard remains my essential creative tool. It's how I bring concepts to life, keep clients happy, and pave the way for smooth and successful development.

Woolley Pau Gyro

HTML5 Animated MPU

For their client AGC

As a designer, I love bringing static concepts to life. The HTML5 MPU project was a chance to do just that. I envisioned a dynamic ad where a lone figure strides in, paving the way for a vibrant ensemble. Think of it as a little "who's who" of animated characters culminating in the grand reveal of the client's logo.

My toolkit? Adobe Photoshop for crafting the visual elements and Google Web Designer for weaving in the magic of animation. Each element, carefully layered and timed, was designed to capture attention and leave a lasting impression. It's always rewarding to see a storyboard transform into a compelling piece of digital art.

Vodafone

HTML5 Animated Banner

New mobile phone range

This HTML5 banner I crafted for Vodafone's Smart Platinum 7 was a really exciting project. I loved highlighting the phone's sleek design and cutting-edge features through engaging animations and interactive elements. Seeing it come to life and knowing it's grabbing attention online was a real buzz!

Vodafone

HTML5 Animated Banner

New mobile phone range

This is another example of an HTML5 banner I created. I aimed to capture the sleek sophistication of the phone itself through clean lines and smooth animations. Working with HTML5 allowed for interactive elements that drew the viewer in. It was a fun project, blending visual appeal with a touch of modern tech!