Double Fine Productions
An all-new, accessible website, built on Craft CMS to host the thousands of treasured comics and articles from the past 20 years.
- Front-end development
- Responsive design
- Content Management
Double Fine is one of the world's most renowned video game developers, responsible for creating much-loved adventure games including the classics Psychonauts, Brütal Legend and Broken Age. Their unique culture and history make them adored by fans around the world.
With a website that was more than ten years old, they needed a complete makeover to bring their web presence up to date. They needed a new visual design, a site that supported the latest mobile devices and one which met accessibility standards. Most importantly, Double Fine needed a partner who would respect their rich archive of website material and seamlessly migrate it to a new site.
A new look with established themes
Themes for the visual design started with some of the origins of the Double Fine brand -Including the American frontier and circus sideshows. Aspects of the previous websites were also used to develop a design which introduces new typography and colours, but which still uses familiar elements to the Double Fine brand such as banners, scrolls and circus sideshow assets.
Component-based design with Twig and Craft CMS
Migrating 20 years of treasured content
Double Fine has had a number of iterations of their website, with each new version respecting the content of the one before it. Many of their 700 blog posts dating back to 2002 have been written by founder Tim Schafer and are rich with humour and insight into how Double Fine has grown into a world-renowned video games studio. An archive of more than 2000 comics needed to be handled with care and respect, within a new design. The most recent Double Fine website used Expression Engine 1.0, which was the bee's knees back in 2008. Our legacy knowledge of Expression Engine would be useful in exporting and moving Double Fine's material into a brand new CMS.
Choosing a low-carbon technology stack
Along with 18 year's of media content from the blog archive, all 2300+ images for Double Fine's comics needed hosting and optimising for modern devices. Google's Cloud Platform has a broad range of services but crucially, all its services are matched by 100% renewable energy purchases making it one of the best low-carbon choices on the market. Google's Cloud Functions perform brilliantly running Node with Sharp.js to make light work of generating multiple image variants, crunching out different sizes and formats and enabling the web front end to perform efficiently across different devices. Plus, Google's excellent Cloud Vision API was impressive in its ability to read every single comic strip at speed, helping to create an initial transcript of each comic within minutes.
The websites itself runs on Craft CMS, which is hosted with the brilliant Servd, a service created specifically for Craft CMS projects. We talked with Matt at Servd about their sustainability credentials and were pleased with the great response we had – he subsequently chose to move Servd's suppliers to the most sustainable options. These choices make Servd overall, a renewable hosting option for Craft projects.
|External service||Provider||Product or Supplier||Status|
|Asset Storage||Google Cloud CDN||100% Renewable|
|Image transforms||Google Cloud Functions||100% Renewable|
|Compute Clusters||Servd||Digital Ocean, using selected renewable Equinix EU and US data centres||100% Renewable|
|Database backups||Servd||Backblaze, using Interxion's EU Data Centre||100% Renewable|
Performance & Environmental Impact
- 0.4g CO₂ per page view*
- 75% Cleaner than an average webpage*
- 100% Renewable Energy Supplied CDN‡
- 93% Lighthouse performance score†
- 100% Lighthouse accessibility score†
- 100% Lighthouse SEO score†