Website Design Brief
Drupal Camp London 2017
1. Introduction
The purpose of this document is to provide the information required to produce a
design for the 2017 Drupal Camp London website.
The site will be implemented using the Drupal content management system and will
be developed by internal teams1.
What we are looking for however are the following:
 Branding (and logo design) for the 2017 Drupal Camp
 Design (look & feel) for the website
 UX design (navigation, flow through the site)
Deliverables should include: the site design shown across multiple viewports (PDF
format), any visual assets required for the site design and branding (images, PSDs
etc), details of design decisions (font family choices, font sizes etc)2.
2. What is Drupal Camp?
Drupal Camps happen all over the world, the basic premise is that they are
community driven and provide an environment in which the community can learn,
share, and collaborate.
They are aimed at Drupal enthusiasts and newbies alike; the majority of the content
covered tends to be Drupal related although there may be presentations on other
aspects of web design and development (e.g. html, javascript, UX, agile etc).
These events typically take place over one or more days, are attendee-driven and
voluntarily organised. The format of these is structured but informal (barcamp style3)
1
2
3
Site implementation will be done by developers from the Drupal Camp London (2017) volunteers
We are looking for a set of “deliverables” that will enable the developers to start implementing the design as easily
and unambiguously as possible. So for instance the visual design could be of key pages of the site shown across
differing viewports (guiding the developers on responsive requirements of the site/breakpoints). Where different
page designs are envisaged, or a different “feel” for a page, then ideally that should be documented and included.
Wikipedia – https://en.wikipedia.org/wiki/BarCamp
with space also provided for attendees to work on new ideas.
Drupal Camps happen across the UK including London, Manchester, Oxford,
Scotland, Cambridge, Brighton, Leeds and Sunderland4
The aim behind these camps is typically to “learn and educate about Drupal and web
development in general” and “provide networking opportunities for all of us”5
3. About Drupal Camp London
Drupal Camp London is an annual London camp which usually occurs at the end of
February each year. It has now been running since 2012, and has for the past 3 years
been hosted by City University London.
It is typically a 3 day event, with a typical structure being:
 Day 1 - Friday
Business (CXO6) day: typically aimed at business leaders / decision makers
encouraging (and furthering) the use of Drupal within their business sectors.
Training day: typically a training day is offered; past sessions have included
beginner Drupal training (aimed at Drupal newbies), intermediate Drupal site
building training, an introduction to Agile, etc.
 Day 2 & Day 3 – Saturday/Sunday
Each day starts with a keynote speaker and then is followed by various session
tracks – where attendees choose which sessions they are interested in attending.
“Birds of a feather” (BOF) sessions7, and code sprints, are also held where
attendees can get together to discuss aspects of particular interest.
The Friday and Saturday evenings usually end with a social event in a nearby venue.
Food and refreshments are provided throughout the event, and there is a nominal
“ticket fee” to cover some of the costs (typically around £40 for the whole weekend
4
5
6
7
Source - Drupal Camp North http://drupalcampnorth.org/drupalcamps
Source - https://www.fldrupal.camp/faq
CxO (Chief x Officer) – a generic term for any Corporate officer. In terms of Drupal Camp the “CXO day” focuses
on the use of Drupal within a business setting and is typically aimed at business leaders and business decision
makers.
“Birds of a feather” (BOF) sessions are informal discussion groups where attendees discuss a topic of interest
– Sat & Sun, free to volunteers8).
4. Website Target Audience
The target audience essentially fall into the following categories:




Attendees
Session contributors
Sponsors (and potential sponsors)
Drupal fans (enthusiasts and newbies)
5. Website Aims & Objectives
The Drupal Camp website, although fairly short lived, is an evolving product and as
such its’ aims and objectives also evolve other the life of the site.
Initially the site is designed to promote the upcoming Drupal Camp event in terms
of:




Advertising the event
Attracting speakers & session contributors
Attracting sponsors
Attracting attendees
Later on, when sponsorship has been attracted, speakers agreed and sessions
organized, then the site essentially becomes:
 An information tool (providing information on the event, topics covered, session
details)
 A route to ticket purchase (via third party ticketing site)
 Advertising the event
 Promoting/advertising the sponsors
6. Website Sections / Typical Navigation
Like the site's objectives the sections/navigation for the site also evolves. Initially the
sites main aims are to attract contributors and sponsors and as such the main CTAs
8
Calling all volunteers! Tickets for Drupal Camp London are fee for those who volunteer their time to help with
Saturday morning registration and a 2 hour slot of time on either Saturday or Sunday
are:
 Submit a session
 Become a sponsor
 Buy tickets
As the site evolves and the camp gains sponsors and session contributors, the CTAs
become much more geared around selling tickets and (still) gaining sponsors.
Till finally the site serves as a means to buy tickets and provide information about
the event.
As such a typical navigation structure may include:
Home
Speakers (keynotes Sat / Sun)
Programme
CXO day
Training
Sessions
Sprints / BOFs
Get involved
Submit a session
Submit a sprint
Volunteer
Become a sponsor
Buy Tickets
Getting to the event
Contact
7. Design
The design needs to be flexible enough to accommodate the changing requirements
of the site, such that “sections” can be added (or removed) fairly easily without
breaking the design.
Key requirements of the site to include:
 Drupal Camp branding
 Navigation
 Sponsor logos (visible on all pages – typically below the fold)
 Social media link (twitter)
 CTAs
 Footer (including acknowledgements to developers, website design “team”, etc)
Other Drupal Camps (for reference and potential inspiration) include:
https://2015.badcamp.net
https://www.fldrupal.camp
https://www.drupalcampnj.org
http://sandcamp.org
https://2016.drupalutah.org
http://2016.midcamp.org
http://drupalcampnorth.org
http://drupalcamp.london
8. Branding Guidance
A new version of Drupal (version 8) has recently been released9 - along with the new
release there is a new Drupal logo; typically the site branding has incorporated
aspects of the Drupal logo.
9. Other Requirements
A responsive, mobile first design is envisaged; with the core site aspects available at
all device sizes (CTAs, sponsor logos, navigation). Any provided designs to include
examples across the variety of viewport sizes.
Specific timescales for the website design to be agreed.
9
Drupal 8.0 was released on 19 November 2015.
Appendix – Terminology, Points of Interest
Sponsorship
Drupal Camp London is a non-profit making venture, most of the work is done by
volunteers who help organize the event and present the sessions.
There are however costs involved, from catering to marketing, and sponsorship helps
to fund the events.
A wide range of sponsorship packages are available, the Diamond, Platinum, Gold
and Silver packages include advertising (company logo and “about page”) on the
website. Other sponsorship packages also provide the ability to include company
logos on the site.
For details of the sponsorship packages available see
http://drupalcamp.london/sites/default/files/DCL2016_sponsorship.pdf
What is Drupal Camp London
Drupal Camp London is an international event which brings together the people who
use, develop, design and support the Drupal platform with those who are exploring
the possibility of joining the Drupal community.
Drupal Camp London will feature dozens of curated sessions and panels from some
of the most influential people and brightest minds within the Drupal community and
beyond, as well as countless opportunities for networking, code sprints and informal
conversations.
http://drupalcamp.london/sponsors
Birds of a Feather (BOF) Sessions
An informal discussion group, where the attendees group together based on a shared
interest and carry out discussions without any pre-planned agenda.
https://en.wikipedia.org/wiki/Birds_of_a_feather_(computing)
Code Sprints
A code sprint is about getting developers for a set amount of time, and just writing
code; its is not an educational event, although participants may learn from others as
they go. The focus is not on instruction, but rather to create working software.
https://www.drupal.org/sprints
Drupal 8 Logo
Drupal Camp 2016 Logo and Branding
As of the time of writing the 2016 site is still under development, but the current
logo design is shown below (and only appears on the first page of the site as a
banner style image)10.
10 Provided as an illustration of the current site only, it is not intended to imply any preferred branding or logo design.
The 2016 site branding is simply a transparent PNG overlaid on top of the page
banner (the example shown below is from the home page which incorporates the
site logo on a black background).
This branding is repeated throughout the site and on the (third party) ticketing site.