University website makes inventive use of HTML5 video
BKWLD's website for Drexel University, centred around cinemagraph-style videos, is well worth checking out. We discover how it was made.
Drexel University wanted to find an interesting way to inspire and recruit potential students. BKWLD came up with Get Going Today - a site featuring a series of shareable cinemagraph-style videos. BKWLD creative director Jeff Toll says that by using HTML5 the team were able to “reach mobile devices with animation and sound - something we were unable to achieve with any other technology".
The Drexel site is built using HTML5-specific features such as <audio>, <video>, localStorage and the History API. Thanks to Backbone.js, the BKWLD team found working with the History API a breeze but, as Toll explains, working with video was more challenging. “Our developers have a strong Flash background, where working with video is far more predictable and flexible. Many hours were spent learning how different web browsers preload video, along with tricks to clear it from browser memory.”
These issues mean video has been cut from the tablet version of the site because of playback limitations. Ultimately, Toll believes that “even with inherent limitations, open source combined with HTML5 allows us to push the web forward.”
Like this? Read these!
- Brilliant Wordpress tutorial selection
- Free tattoo fonts for designers
- Create a perfect mood board with these pro tips
Does your university have an inspiring website? Let us know in the comments box below!
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.
Related articles
- An iPad for under $200? This Black Friday deal is perfect for those on a budget
- I'm hunting MacBook Black Friday deals. Live news just in: the 2022 MacBook Air is now at its lowest ever price of £749
- Tottenham Hotspur FC's nostalgic rebrand was a "labour of love"
- I’m impressed by eBay’s new human-centred UI design