Drupal GovCon 2016 Branding and Identity

Drupal GovCon 2016 Branding and Identity Sampling

Branding, identity, and Web design for Drupal GovCon 2016. This is a comprehensive campaign for the conference—the leading Drupal-centric event in the Washington, DC area—spanning print, Web, display and environmental media. Part of challenge of the project was educating users that Drupal GovCon is more than just government and enterprise IT projects. With that in mind, two design approaches were followed—a clean design for the Website and most conference collateral, and a more lighthearted promotional campaign featuring Drupal’s mascot—the Druplicon, in the role of select Washington, D.C. historical figures. The typography, color palette, and other design elements take a nod to U.S. paper currency design.

 

 

 

Drupal GovCon 2016 Website Homepage Layout-Mobile and Desktop

Homepage layout, desktop and mobile. Since the GovCon Website is the primary communication vehicle of the conference, careful attention was paid to a balance of information, hierarchy, branding, and performance.

 

Drupal GovCon 2016 Website Mobile Layouts
Mobile layouts for GovCon site. Here, a careful balance was struck by employing responsive images and layouts to ensure mobile users received the full site experience. This is especially critical, since there was no printed program, which necessitated an easy-to-access layout that was highly-performant in bandwidth-challenged conference areas.
 
Drupal GovCon 2016 Posters
Print design-here as posters-was used for promotions around the Washington, DC area. Here, to add levity, well-known Washington area historical figures were combined with the Druplicon to give a lighthearted slant to a technology conference.
 
Drupal GovCon 2016 Postcards
The same illustrations as for the posters were adapted to a postcard, which was used to promote GovCon at events both in and outside of the Washington, DC area. Oftentimes, these were distributed with stickers at professional events. A special shoutout to J.M. Flagg, whose iconic illustration from vintage Army recruiting posters served as inspiration for “Drupal Sam.”
 
Drupal GovCon 2016 Logo Variants
GovCon 2016 logo design. For various media, size, and output requirements, the logo required multiple variants, especially for reversed versions. Another challenge to overcome was simplifying the patterning for use in vector on the Web, to keep file sizes manageable.
 
Drupal GovCon 2016 Iconography
Branding and identity was carried over in the iconography, here referencing markings on US paper currency. Custom typographic modifications were required to ensure individual glyphs fit within the circular areas, and were still recognizable at small sizes. Due to the abstract nature of track themes, visual symbols were avoided this year.
 
Drupal GovCon 2016 Attendee Badges
To help make registration desk staff work easier, the attendee badges were produced ahead of time, on custom laminated stock for durability. In addition, the backs are used to display the Natcher Center layout, so that attendees can easily find their way to various events.
 
Drupal GovCon 2016 Attendee Handout
Since GovCon focuses on digital content, print materials are kept to a minimum. Here, the sole handout given to attendees accomplishes multiple tasks, giving an overview, a high-level schedule, welcoming event information, and scavenger hunt board.
 
Drupal GovCon 2016 E-Mail Design
To extend the brand, and make communication tasks easier for team members, custom e-mail templates that are easy to edit were used throughout the conference, especially for late-breaking changes and updates.
 
Drupal GovCon 2016 Twitter Branding
Twitter was the primary social media communication tool for GovCon 2016, and here, the brand is extended through the custom profile artwork, as well as tweet badges to raise awareness for the event.
 
Drupal GovCon 2016 EventBrite Branding
Due to the number of off-site events run during GovCon, EventBrite was used to manage ticketing for these. Here, the GovCon branding and identity is extended through the third-party system, which also helps users who come to these events via third-party searches.
 
Drupal GovCon 2016 Presentation Loop
In collaboration with Natcher Center staff, a general presentation loop was created, that displayed in all event rooms before and after events. For ease of editing, it uses standard system fonts.
 
Drupal GovCon 2016 Easel Signs
To help guide attendees, easel signage was employed. Here, the sign layout is shown as flat, and with a silhouette to give the relative size and position of the signage.
 
Drupal GovCon 2016 Roll-Up Displays
Roll-up displays were introduced to GovCon this year. Here, the free-standing variants for certain areas are shown, together with a mockup of the registration area. These displays offered greater flexibility in programming, reinforcing GovCon’s presence where little had been previously.
 
Drupal GovCon 2016 T-Shirt Design
Another first for GovCon was custom T-shirts. Here, the conference partnered with Soul and Ink Crew to produce shirts on site. The backs were screened prior to the conference, but user-selected fronts were produced on site during the conference.
 
Drupal GovCon 2016 Stickers and Tote Bag
Giveaway items help to raise awareness, and this year, GovCon used custom stickers well before the event, as well as high-quality bags given to all attendees. In an effort to care for the environment, a careful eye was given to items that would be of low impact and actual use for attendees.
 
Drupal GovCon 2016 Style Tile
To secure team buy-in for the branding and identity early in the process, style tiles were employed to show elements both separate and integrated. This format allows quick and efficient review.
 
Drupal GovCon 2016 Information Architecture Tree
Information Architecture is a critical element of Web design and content strategy. Here, the initial layout for the GovCon 2016 site is shown.
 
Drupal GovCon 2016 Website Application Flow Chart
Mapping user and data flows takes a bit of time, but are of great help in demonstrating how user flow and the underlying processes interact. Another benefit is being able to boost collaboration between developers, designers, and managers and help to anticipate challenges before they become issues.
 
Drupal GovCon 2016 Website Wireframes-Desktop and Mobile
Wireframes are an essential part of the Web design process. Here, desktop and mobile layouts for the homepage, and schedule help both to plan and visualize content strategy for different use cases and devices.
 
Drupal GovCon 2016 custom floor plan layouts
To help attendees navigate the Natcher Center, custom floorplan illustrations were created, branded to the event. As a first, exhibitor areas were also included for this year.