Jigsaw LLC


You don't know everything BloodCenter of Wisconsin does? You do now

— Jigsaw & Work —

Want to make an art director and a copywriter shiver in fear? Mumble the words “annual report” to them. These projects were and still are huge beasts, sprawling projects that seem to go on and on and on. “How about another round of changes?”

While for many this is still the case, our client BloodCenter of Wisconsin decided to bring their annual report, which they call the “community report,” online. Our ears perked up, especially at the prospect of doing something different. Using the theme “Life is in our DNA,” we shared the larger BloodCenter of Wisconsin story, a story that goes beyond giving blood and reaches out into diagnostics, research, organ and tissue donation and more. The site incorporates a two and a half minute video, a “movie trailer” of sorts that brings together the many aspects of BloodCenter’s good work.

The homepage features the video, and if I may geek out for just a moment, I’d like to share some details about the video player. (The following is about to become quite geeky indeed, and I’m providing indication to what part you can skip. You’re welcome). <GEEKiNess>These days it’s always a concern about mobile capabilities when designing anything new for the web. Everyone wants to know if the video will work on their new iPad, their phones, and anything else we may not even know about yet. The challenge was having the entire homepage feature a video, a video that needed to play on all the above. In this case, embedding a Vimeo or YouTube player wasn’t going to cut it aesthetically. And having a custom flash player did not solve any mobile issues (thanks Apple). So, we decided to use an HTML5 video player which helped us solve every playback issue on any device. The HTML5 player works on all newer browsers and even has a flash version it defaults to if for some reason you don’t update your browser (which you should always do. It’s free). On top of the flash back-up, you can also provide a regular video file (mov or mp4) that will play on all mobile devices. If you will be doing video on the web anytime soon, we highly recommend you bookmark that link.</GEEKiNess> And, we’re back.

In addition to the main video and the content of the standard community report pages (Board of Directors, financials, etc), the site also features four patient stories from real people that have had their lives touched by BCW. These stories fall under the categories: Discovery, Diagnosis, Treatment and Cure. We could share with you exactly what those emotional stories are about, but we’ll leave it up to you to explore and find out. At the very least, watch the video.

I hope you enjoy our newest work. It’s work I’m really proud of. It ran the gamut, whether it was learning what an OGG file is to sneakily shooting stills while the cameras were rolling.

Posted by Jigsaw