MongoDB World

MongoDB World is an annual user conference and is by far their largest community event with thousands of attendees from around the world. This is my second year planning the conference's brand and visual designs system.

My Role

I was the creative lead on this project. I researched, pitched, and executed on the visual design system of the conference.

To see the full website, visit mongodbworld.com.

Skills

  • Sketch
  • Invision
  • Illustrator
  • Photoshop
  • InDesign

mongodb-world-2017-guide.v1.1612.png

MongoDB World Visual Design System

In order to get our team and other teams on the same page about the conference's design elements– how they work together, and how they can be applied–I put together this brand guide to tell the story of the conference and the thought behind the design system.


 

Behind the Visual Design System

MongoDB World is MongoDB’s largest user conference. Attributes of the conference encapsulate the mission of MongoDB and celebrate the location of the conference – the birthplace of American innovation, city planning, and the first U.S. city to hold the World Fair in 1893 – Chicago, Illinois.

With only three designers and hundreds of contractors and staff members creating pieces of the conference, we needed a visual design system that could streamline communication and detail how pieces of the brand fit together. From print, web, digital ads, email, decks or swag, all assets are accounted for with this design system.

Our visual system is based on:

  • Simplicity & Structure Scales
  • Sum vs. Whole
  • Datapoints & Connections
  • Discovery & Innovation
  • Streamlined & Balanced
 
 
mongodb-email.png

 

Colors & Usage

Primarily we lean towards clean layouts with white backgrounds. When we want a more vibrant layout, we use the MongoDB World linear gradient as a background. 

MongoDB World is the integration of the company with the community. MongoDB World’s communicates that integration with a linear gradient that is a blend between our corporate MongoDB Green and a playful teal blue. Our gradient runs as a linear line with both colors represented 50/50.

Use the gradient (e.g. on illustrations, background colors or photo overlays) as the accent color to communicate the conference’s brand. MongoDB Green and Teal can be used separately as secondary colors or if the gradient cannot render correctly.