Rebranding Blueprint

Documenting the thought process behind our logo rebrand.

Blueprint
Blueprint
4 min readAug 18, 2017

--

By Vanessa Ng

Blueprint is a student organization that dedicates itself to social good through pro-bono development of technologies for nonprofits.

As we underwent a major rebrand early this year, some questions have been raised about why the process was necessary. Since Blueprint’s inception, its logo had only seen minor changes and thus a consistent brand had been built. This post explains why we underwent a rebranding of our logo, and documents our thought process behind each design decision.

Audience Perception

Before we jumped in redesigning the logo, we first wanted to know what people thought about the logo and what it implied about Blueprint. We believed these insights could identify key problems to tackle and characteristics that should be retained.

Our previous logo, very similar to the original logo back in 2012

We split up our audience into three categories and asked them what came to their mind when they saw the logo, and whether it related to our mission. Their responses were telling:

Blueprint members: “I kind of like it.”

Other Berkeley students: “It looks alright. They build software, right?”

People completely unfamiliar with Blueprint: “Do you guys volunteer at pet shelters? It doesn’t tell me anything about software and isn’t visually appealing. And why is the paw print there?”

Immediately, we knew that the paw print was misleading and had to be removed or replaced.

We approached the logo rebrand with three main driving ideas in mind:

  1. Cleaner Design: as we wanted to create a more professional feel to appeal to clients and sponsors.
  2. Consistency: as the bear print (iconic to Berkeley) was misleading and would no longer remain relevant after expansion to different chapters.
  3. Identity: as we didn’t want a complete overhaul of our legacy, and wanted to retain the characteristic of social good.

Ideation

We started off by expanding from what we had, and explored concepts similar to a gear to find a cleaner compromise.

Rough sketches of possible ideas

As we narrowed down our options, we started to apply our blue palette and played around with different hues.

After several rounds of developing ideas, we narrowed our concepts down to a select few. Of course, with these concepts further questions were raised about more specific details.

Font and Color

In order to remain consistent among chapters, we also collaborated with John (Design Director of the Blueprint Chapter at University of Waterloo) throughout the entire process.

Using the font Poppins, we used uncapitalized text in order to keep the ‘b’ and ‘l’ at consistent heights. We also decided on a semibold font weight to give a friendlier feel, instead of the more ‘corporate’ feel that a lighter font might give off.

With the font and color variables fixed, we started to consider how our logo would fit next to the font. With our selected concept, we realized the lines on the logo had to be thickened to match the text’s font weight.

The selected concept with thickened lines

In our final considerations, we debated whether to make the weave mono or dual-colored, and whether we should keep the heart in the design.

We ended up choosing against the heart to remove clutter, and chose a dual-colored logo to focus on the unique interweaving of the design rather than a shape as a whole, since this might be interpreted as clunky or even as a flower.

And with that, our rebrand was complete.

The completed logo design

To learn more about Blueprint and read more about our projects, follow us on Facebook and sign up for our community newsletter!

--

--

Blueprint
Blueprint

A team of students dedicated to building beautiful software for nonprofits and bridging the gap between technology and social good. www.calblueprint.org