Back by popular demand
Last year’s report was built by the talented Corey Dutson. It was very popular so it was decided that the new one should follow a similar design and use the same code base. So what stayed the same?
Full desktop, small desktop (or tablet), portrait tablet and mobile. There’s some pretty radical changes in visual layout that go with that.
Navigation, big background image, block of text on the left. A couple of links do a clever lightbox over the right side.
Search functionality remains the same. All I needed to do was re-index the new site with the ZoomSearch software. Sorted ;-)
“Win what?” Oh, it’s an app that crawls your website and creates a flat HTML version. Final delivery is a flat HTML site. Like Corey, I built the site in Visual Studio with ASP.NET and Masterpages.
… and what was different?
The story telling aspect of the design has been augmented to include a third box, less copy and more visual appeal.
Sounds simple enough. Remember that this is a responsive site though. Away from the homepage the desktop version carries the ‘Watch’, ‘Browse’ and ‘Download’ concept with thumbnails.
The strategy section contains responsive friendly carousels of case studies. Each case study has its own fullscreen background image.
I’ve improved the Google Analytics tracking, especially for the video
What would I do different?
I don’t think the small desktop state adds much value. I prefer a larger font size and a bit more spacing.
A different process to flatten the site
I’m trying out Middleman which uses Ruby, Haml and SASS on another project.
See the Vodafone Report 2013.