SMART FOCUS
Smart Focus were looking for a website refresh and series of educational videos. We made them a parallax scrolling website with bespoke illustrations.
Context
Smart Focus was a fun project where I was able to incorporate my love of illustration into every asset.
Back in 2016 parallax scrolling wasn’t as commonplace so we felt like we were really pushing the boundaries of creative web design!
My Role
UX/UI Design
Branding
Wireframing
Storyboarding
Animation
Collaborators
Tom O’Connor
Agency
Lab
Completed
2016
Website
When you hit the homepage you were treated to an illustrated header, some key information and a prompt to scroll. When the user started scrolling the background image moved as well, showing an illustrated scene.
As the user scrolled a car would appear to drive down the page. Information would appear in bubbles as the car passed certain points and interactive videos would be shown on billboards within the scene.
I enjoyed creating all the illustrations from scratch and the novelty of driving the car up and down the road (perhaps in hindsight distracting the user from the information being shown!).
Videos
I created three animated videos for this project, each explaining something new about Smart Focus. As with a lot of projects, the scope got changed down the line and I needed to elongate the videos from 30 seconds to 3 minutes each within the same time frame.