The Royal Docks

Spring 2019

  • Craft CMS
  • CSS3
  • HTML5
  • JavaScript

Although it launched a little later than Digbeth and CO–RE, the Royal Docks project was actually my first foray into Craft CMS with dn&co. Acting as both a marketing vehicle for the extensive Royal Docks regeneration project and a community hub for the residents of Newham in the Docks area, the site features a huge breadth and depth of frequently-updated content which made for a challenging set of requirements for using Craft to manage this content in a sensible way.

Laptop illustration
Desktop view of the Royal Docks homepage

Hey!
This preview is scrollable!

Desktop view of the Royal Docks homepage

The variety of content necessitated the build-out of a large number of templates, and I made extensive use of CSS Grid to cajole the various modules and components into a sensible set of responsive layouts.

All text and image content on the site is CMSable so a lot of time was invested in breaking down each page into a set of logical fields and repeating blocks. Knowing that real humans were going to need to continually manage the site’s content (and that I would occasionally share an office with said humans) was a keen motivation to ensure that the CMS interfaces I configured made as much sense as possible, and that the content could be managed with as few awkward hacks as possible (almost none!).

This was a real learning exercise as I tested the limits of Craft, but the results have been very well-received and I’ve been able to take these learnings forward into subsequent projects – including replicating some of Craft’s most useful features in Django, the framework and CMS I most commonly use in web projects.

Mobile device illustration
Mobile view of the Royal Docks homepage

Hey!
This preview is scrollable!

Mobile view of the Royal Docks homepage

The site continues to evolve and grow and I’m sure it’ll play an important role in the coming months and years as the Royal Docks project gathers pace. I’m continuing to work with dn&co on the project and I hope to be involved for the forseeable future!

Tablet device illustration
Desktop view of the People & Stories article index page, with its distinctive grid layout

Hey!
This preview is scrollable!

Desktop view of the People & Stories article index page, with its distinctive grid layout