dConstruct

Collaborative design for grassroots digital conference.

Home page for the 2010 website

For the first Friday of September of each year from 2005 until 2015, Brighton played host to a one-day conference called dConstruct that explored topics around design, culture, technology and everything in-between. Each edition had a different theme, and to reflect this, the site was redesigned each year. I was responsible for the design in 2010, 2011 and 2013.

2010: Design and Creativity

The theme for 2010 was fairly broad so I decided to make a feature of the speakers. The design referred back to an original dConstruct brand asset – the opened cube net – which was placed in different positions across the site to affect the layout of each page. Developed before responsive had entered the lexicon of web design, this was one of the first sites to make use of media queries, with a mobile-orientated layout delivered to users viewing the site on smaller screens.

A greener badge

Prior to this event, Clearleft used plastic wallets to hold the combined conference programme and name badge. I advocated a different approach, one that would omit plastic, create less waste and be cheaper to produce. After extensive prototyping, and with help from Gareth Jones at Jack Design, this event featured a greener, paper-only conference badge directly attached to the lanyard by loop staples. This design served as a model for successive conferences run by Clearleft and other conference producers.

Conference badge for dConstruct 2010. Photograph: James Box.

2011: Designing Digital Products

Like the previous year’s design, the homepage featured prominent images of the speakers. The design process involved close collaboration with Andy Hume, which was needed for us to build a highly responsive website that would work well across devices. With this in mind, the main navigation was simplified to just four items (Conference, Workshops, Location and Register) with an alternative navigation method shown when browsing speaker pages on smaller screens.

Home page for the 2011 website Home page for the 2013 website

2013: Communicating with Machines

Referencing the theme of communicating with machines, I researched different ways humans have tried to direct machines through history. Punch cards became the unifying motif, providing an interesting textural patterning on the website and associated marketing and conference material.