Archive | March, 2009

Mozilla Creative Collective: Logo Complete!

The Mozilla Creative Collective is a newish project designed to organize and grow our budding visual design community. When the site launches later this year it should be a pretty awesome place for designers to share their work, make new connections and help spread the word about Firefox, Thunderbird and the other Mozilla products.

Of course, any visual design community needs a cool logo, which is why we asked Studio Number One to help us out. And, any open visual design community needs to get people as involved as possible in processes like these, so I’ve been posting each round of the comps for everyone’s feedback.

After all that, we finally have the *official* Creative Collective logo (see below). I’m really happy with how it turned out…big thanks to Studio Number One for their work, of course, but we also owe a huge debt of gratitude to the dozens of people who offered their comments (both good and bad) along the way. This is a great example of what an open process can achieve…your input had a tremendous impact on the final look of the logo. Thank you!

So, what’s next for the Creative Collective?
* Main thing right now is to nail down the full scope and functionality of the site. We’re putting the final touches on the wireframes with Airbag right now, and Tara will be sharing some details soon on some of the features we’ll be including to make participating in the Creative Collective as fun as possible.
* After wireframes, we’ll move on to the design…will be interesting to see how the logo ends up influencing that.
* Then, Ryan Doherty and our amazing WebDev team will have to build the site…no small task, but they’re more than up to it.
* If you want to follow along (and contribute along the way), then sign up for our email list or follow us on Twitter. Otherwise, just get ready to flex those creative muscles!

Mozilla Creative Collective logo (dark background)

(You can also check out the alternate on-white version.)

Comments { 0 }

Creative Collective Logo: Round 2 Update

The goal of the Mozilla Creative Collective to build a new type of open graphic design community, so it’s important that we “walk the talk” (or whatever the phrase is) when it comes to being as transparent as possible about our processes while we build it.

To that end, I’ve been blogging about our work with Studio Number One to create a new MCC logo, and the feedback we’ve received from the community in response to the first two rounds has been truly invaluable. Really great stuff…thanks to everyone who commented for taking the time to participate.

The reaction to round 2 was quite positive, so I’m encouraged that we’re going in the right direction and have found the proper balance between the concepts of Mozilla, ‘creative’ and ‘collective’. After considering all the comments and our own internal objectives, we’ve decided to move forward with refining option #1 (shown below) to create the final version. In some ways it was a tough choice because all the round 2 options were strong, but this one was my clear favorite.

The next step is for Studio Number One to further polish it, such as carefully considering the exact placement of the dino head or finding the right balance between keeping the design flourishes around the outside and making sure it’s simple enough to scale down to smaller sizes without much trouble. I’ll share the final version as soon as it’s ready, and after that it’ll be on to building the site itself.

Lots of exciting stuff ahead…thanks again for all the help so far!

MCC Logo: Focusing on the Next Step

Comments { 0 }

Mozilla Creative Collective Logo, Round 2: More Input Needed!

As I’ve noted before, we’re conducting the logo design process for the Mozilla Creative Collective in the open, and your feedback in response to round 1 was extremely helpful. I wrote a more detailed summary in an earlier post, but the two main points that came across in the 70+ comments were that the logos needed a broader and better color palette, and that they should emphasize the “creative” portion of the equation more than the “collective” side.

So, with all that in mind, Studio Number One began iterating and they’ve come back with five new directions (with multiple options for each) for round two. You’ll see a wider range of colors this time, and more emphasis on the friendly, optimistic and creative sense of community we want to convey.

I have my own opinions and favorites, but please take a look and share your own thoughts in the comments section by Friday, March 20 (for more details about why we need this or what it’ll be used for see my original post).

Like before, there are some explanatory notes from Studio Number One down at the bottom. Looking forward to hearing from you!

Mozilla Creative Collective: Logo Design, Round 2

Notes from Studio Number One:
Comp 1: Evolution of the circular lockup that was chosen, incorporating the banner, adding flourishes, paint brushes and rays to break out of the circle shape.

Comp 2: This is a new direction that plays more on the Creative aspect. The mark has a hand drawn feel to it, but is contained within a shape that’s clean.

Comp 3: Evolution of the circle lockup with an alternate flourish from comp 5.

Comp 4: We know you didn’t specifically ask for an exploration of the shield, but we felt this holding shape had the opportunity to accomplish some of the things that were asked: looking more polished, 3D including the dino head, subtle constructivist feel, the mark of a team or a collective.

Comp 5: Evolution of the circle lockup adding flourishes to and silhouettes of the dino head to break the perfect circle shape. It can either work within an octagon or stand alone.

Comments { 0 }

Mozilla Creative Collective Logo, Round 1: Your Input Needed!

Work on the Mozilla Creative Collective site is coming along well…Tara, Ryan and I have been working with the team at Airbag Industries to define the scope and figure out a million tiny details. We’ll be moving to wireframes and actual page designs soon, and I’ll be sure to share those when they’re ready.

However, we also need a logo. Not just any logo, either: we need something that can serve as a rallying point for the entire project and will inspire designers around the world to lend their talents to the cause. So, we enlisted the fine folks at Studio Number One, who have done all sorts of awesome work for a variety of interesting clients, to help. (Side note: using Studio Number One also brings us full circle, more or less. The agency was founded by famed artist Shepard Fairey, who created the original Mozilla dino back in 1998.)

To recap, the goal of the Creative Collective is to build up a community of visual designers who’ll spread the word about Firefox and the Mozilla mission around the world via their art (many more details here). We asked Studio Number One to design a logo that embodies the grassroots, “power to the people” spirit of this initiative in a bold, graphic, visually interesting way.

Following in the spirit of other Mozilla design projects ranging from the Mozilla.com redesign to the Ubiquity logo creation, we want to make this process as open and participatory as possible. In other words, we need your help! There are nine initial concepts below, and we need to start focusing on one for further refinement. Which one should that be? What stands out to you and why? Try to envision these on a website, t-shirt, poster, sticker, etc and let us know what you think (by Tuesday, March 10 if at all possible). Any and all feedback is encouraged.

Here are the logos…I’m looking forward to hearing your thoughts (and be sure to read the accompanying explanations from Studio Number One below for additional context):

Mozilla Creative Collective: Logo Design, Round 1

Notes from Studio Number One:
Comp 1: The circular lock-up with the rope surrounding the logo references turn-of-the-century labor union graphics. We like the way this feels alongside the word collective. The mark contained inside the wreath works in a couple of ways: it resembles a person reaching out; it contains the letters cMc, and although this isn’t the order of the letters of the name, hierarchically you see the M first and the C’s upon further inspection; the mark has a similar feel to an infinity symbol or a linking of things together, which is a goal of the collective. The red, black, and white, references a time period when people were working together, and relates back to the existing mozilla dino logo.

Comp 2: Same lock-up as comp 1, minus the stars and utilizing the dino head.

Comp 3: The constructivist style M here is divided in the middle making it feel like a stencil graphic, the dot added above each vertical makes the icon feel like its linking two people together.

Comp 4: Similar to comp 1 with a different colorway.

Comp 5: This is a propaganda style mark with an individual waving a flag promoting the collective. The silhouette provides a sense of an anonymous everyman: inclusivity. The square cut typeface makes the mark feel more strong and references the constructivist period.

Comp 6: Same lock-up as comp 5 but with the dino head.

Comp 7: The shield lock-ups reference labor union graphics and European football (soccer) clubs: strong organizations. In this first comp MCC is formed to the shape of the shield in a direct way.

Comp 8: This shield has a different shape to it and utilizes the dino head, as well as a hint of lightning bolts at the bottom.

Comp 9: This is a combination of the previous two images bringing in the banner, and lightning bolts but keeping the MCC as a focal point.

Comments { 0 }