Whiteboard's all-or-nothing approach to responsive web design

Whiteboard is a creative agency based in Chattanooga, Tennessee that aims to create meaningful experiences with deep values - an attitude reflected in its own website.

"The challenging pieces were moving the mobile experience forward beyond the average, taking on more experimental elements such as the background animation loop and blur filtering. These types of experimental polish will no doubt be controversial: they're not suitable for every device," technology mainman Jonathan Cutrell and development director Taylor Jones tell us. "We adopt them with the belief that there's a balance between transferability of the medium and the impact that has on the message as it relates to design. If a message is degraded because the design fails to perform well on your device, we'd rather the site fail than give a lessened experience."

Quirks and constraints

Ideally, all elements would scale and perform as expected; under certain conditions, platforms have their quirks. "A motion picture is intended to be experienced within certain constraints, depending on the medium it's delivered through. It's hard to hook a Blu-ray player up to a CRT TV. But you can use very different HDMI-based devices for consumption of that medium. Web experiences can have similar constraints based on technological capabilities, while being transferable across multiple devices. Respecting and employing these is part of our responsive design process.

"As iOS devices don't support automatically streaming background video, we tried several solutions for a moving background. We settled on a throwback to the animated GIF: the only solution allowing motion to continue while the user scrolls."

Words: Jordan Moore

This article originally appeared in net magazine issue 247.

Liked this? Read these!

Seen an amazing responsive site? Tell us in the comments!

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

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, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor 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.