Hoffmann Centre

Summer 2017

  • CSS3
  • Django
  • Heroku
  • HTML5
  • JavaScript

A fortunate referral led to my being brought in by Applied Works to take on a legacy Django project and whip it into an up-to-date state with a new set of requirements. AW client Chatham House planned to launch the Hoffmann Centre, a new environmental policy think-tank, and needed a previously built Django-based back-end duplicated and extended with a slew of additional functionality for this new project.

Browser bar illustration
The Hoffmann Centre article template, desktop layout

The Hoffmann Centre article template, desktop layout

I worked with AW’s superb front-end developer to build out the site, working across the whole stack to provide the necessary content management features and a rich set of templates to showcase that content. The resulting site supports a range of types of content and features a powerful block system for creating articles and other long-form content, with flexible options for embedding images, media and custom infographics. A sophisticated Susy-based grid system underpins the layout.

Browser bar illustration
The Django-based CMS provides a powerful range of content tools including blocks, asides and footnotes, as shown here

The Django-based CMS provides a powerful range of content tools including blocks, asides and footnotes, as shown here

The development toolchain featured my introduction to Webpack and Yarn, alongside established staples like SASS.

Applied Works’ case study of the entire project process is well worth a look for additional information and background.

Mobile device illustration

Hey!
This preview is scrollable!