Sky Glass

UI Motion Website Concept Design
Project Overview
The goal was to create a premium microsite experience for Sky Glass that showcased the product's innovative features in a visually engaging and memorable way.

The challenge was to communicate a wide range of functionality while maintaining a simple, intuitive user journey that reflected the quality and innovation of the product itself.
My Contributions
Working with Sky Creative, I helped shape how the Sky Glass website would showcase its innovative features through an engaging digital experience.

Using PNG image sequences, parallax effects, video, and 3D animation, I transformed static storyboards into animatics, helping stakeholders visualise the user experience before development. The work shown here highlights a selection of those explorations.
The product
Sky Glass is a revolutionary device and service from Sky that does not require a satellite dish.

It boasts cutting-edge features such as spine-tingling 360° Dolby Atmos® sound, Quantum Dot UHD technology and Sky Inside which means Sky Glass combines everything into a single internet-connected television.
The work
For this project, I worked with Sky Creative to explore how the new Sky Glass website could showcase its innovative features through a premium digital experience.

Using PNG image sequences, parallax scrolling, background video, and 3D animation, the team developed concepts and storyboards to bring the experience to life. My role was to transform these static storyboards into animatics, helping stakeholders visualise interactions, transitions, and user journeys before development. The examples shown here represent a selection of those explorations.
Other storyboards
Storyboard to Animatic
A typical example of the creative process, from initial storyboard concepts through to the final animatic.

The three frames on the left explore key moments and transitions within the animation, while the finished animatic on the right demonstrates how these concepts evolved into a cohesive motion sequence.

This approach helps validate ideas, refine storytelling, and align stakeholders before full production begins.
Homepage Intro Storyboard
Mobile UI animatics
Other UI desktop and mobile screens
DribbbleDribbble
FacebookFacebook
X
Instagram