1-866-284-2541  |  Registered Users LOGIN 

MailChimp Home Learn More Pricing Resource Center Blog Free Trial


New MailChimp Logo By Jon Hicks

September 11, 2008 – 4:49 am

jon-hicks-sketches1.gifThis post has absolutely nothing to do with email marketing. But if you’re interested in graphic design and branding, you might enjoy.

I’ve been wanting to redesign the MailChimp logo since—well, since I first designed it in 2001. I kinda hacked the logo together really fast in Fireworks (which is just not meant for high-res print).Ā  I think it went something like this. Mark, my co-founder, said: “Yo Ben, MailChimp’s live now. Um, I think it could use a logo.” Me: “Oh crap. Here, I’ve already got a monkey file open (don’t ask) so I’ll put a hat on him and send it over.”

Anyway, our beloved mascot has gone through a bunch of iterations over the years, each one slightly less clumsy than the preceding version, but I’ve never been happy with it.

Until now. That’s because this time, we went out and hired an expert.

the-head.jpg

Jon Hicks, who is probably most famous for his work on the Firefox logo (check out this interview over at Floating Frog), and most recently the SilverBack App logo, has given us an awesome new MailChimp mascot.

We’re currently working on a fresh new MailChimp website where you’ll see lots of the new branding. But for now, I thought I’d provide a sneak-peek.

Follow the link below to see Jon’s final work, and what led us to the new design.

Like I said, I’d been wanting a new MailChimp logo since 2001. I just hated my original design so much. It was a very sloppy rush job, so the way it was constructed in Fireworks was crap. Scaling it and making high-res versions for print never worked. Any time we wanted to create a banner ad or poster (such as to sponsor an event) I had to re-work the stupid source file. It needed a complete overhaul.

But we never had time. So 7 years went by with the current logo.

Actually, he had a slight nose job around 2005. He went from a 2-dot-nostril design:

nosejob1.jpg

to a more modern:

nosejob2.jpg

I skipped a couple iterations in between there, but the differences are minor and irrelevant. I mainly changed the noseĀ  because whenever I scaled that horrible, horrible Fireworks file, the 2-dot nostrils would often overlap each other, or spread way apart. Also, if I scaled the logo really big, the hat would come apart. You’d literally see a big giant gap between the brim and the gold badge. Like I said, Fireworks is great for web design, but not-so-great for print.

But we limped along with this design for a long time. Then, as our business grew, and our audience spread out from the “Web designers and creative professionals” niche to a more broad “mainstream” audience, we started to get complaints that our chimp was a little “unprofessional.” This was around 2006.

The comments about MailChimp being “unprofessional” did not bug me one bit. However, I consider myself a scientist, so I love experiments. I’ll try anything just to see what it does for our business.

That’s when we had the idea to remove the monkey altogether, and change our website to look more “corporate and stodgy.”

I replaced the MailChimp logo in our header with this:

stodgy.jpg

In fact, while working on the stodgy new design, I kinda went overboard and started to have some fun with it. I even posted a cheap piece of stock art on the home page, with the headline, “Email a constant headache?” (a little humor directed at a certain competitor of ours):

constant-headache.jpg

I’ll never forget how difficult it was for our copywriter to grasp the concept of “okay, we’re gonna take away all the chimpy humor and go corporate.” But we got it live.

Turns out after launching that new website design, our business grew faster than it ever had before. We got huge spikes in signups.

Now, a lot of other stuff happened at the same time (like hiring extremely smart and capable people), but we definitely saw an instant surge in new free trials.

I immediately got some hate mail for removing the chimp (my all time fav: When ā€œenterpriseā€ thinking crushes good design), but I also got some praise. Turns out lots of designers and agencies were hesitant about showing MailChimp to their larger clients. After removing the monkey mascot, we apparently looked “less risky” and the could finally switch over their larger accounts.

FWIW, I was never really 100% positive that removing the monkey is what helped. Perhaps it was removing the overall “cartoony” feel of the site that did it. Needed more testing (there’s that “scientist” side of me again).

Whatever the case, since late 2007 we’ve been adding some unbelievably powerful tools and features to the MailChimp product, like A/B splits, RSS-to-email, Google Analytics integration, ROI tracking, list segmentation, an awesome API, and on and on.Ā  We’re having lots of fun innovating and making powerful stuff (that’s easy to use).

And when you’re doing awesome stuff you can be bold with your branding, and have some personality.

So I thought it was time to revisit the logo.

In my mind, I always thought the perfect example of “Fun, simple, and crazy-powerful” is the Nintendo Wii. It’s a clean design, it’s simple, it’s affordable, and it’s all about the fun. It’s not bloated with 50 graphics cards, and it’s not going to render GT5 Prologue in HD (race fans need to check out that link, btw), but the wii is fun as heck. And adults like it, too.

You can say the same for MailChimp. We’re not bloated with a ton of features you’ll never use. We’re easy to use, but we’ve got some serious firepower behind us (which is why companies like these use MailChimp).

The Nintendo website is a perfect representation of that concept. Clean, lots of white space, and a little slice of fun here and there:

nintendo-slice.jpg

It has cartoons, but it’s not “cartoony.”

They’ve got the right idea.

Anyway, I put together this mockup, and hung it in my office:

mariobeforeafter.gif

It’s the perfect example of how I wanted MailChimp to transform from its old 2-D look to a more modern 3 dimensional character.

I also spent countless hours on one of my favorite blogs: Brand New.

I love that site. For some reason, their example of Kentucky Fried Chicken’s re-branding stuck in my mind:

kfc_logo.gif

Maybe it was the problem of, “How can we possibly modernize this old white dude from the south who kills chickens for a living?”

Maybe I was just hungry.

Anyway, I’ve got that picture of Mario on my wall.

And I can’t stop doodling MailChimp, in 3/4 view (instead of the flat, 2D view):

my-doodles.jpg

(I do all my design on sticky notes.)

So this is where it stayed for a good 6 months.Ā  On my office wall. Everybody that came into my office would say, “So when are we getting that new MailChimp logo?” or “When are we adding some chimpiness back to the site?”

If you look at my notes, you’ll see that one of my designs was inspired by one of Jon Hicks’ original design ideas for the Firefox logo (and my personal favorite):

icon2.jpg

Then Aarron Walter, our user experience designer, suggested we just contact Jon Hicks himself.

So I emailed Jon.

Turns out Jon is really busy, so we had to wait about 6 months.

6 months pass, Jon is finally available, and I show him the Mario diagram. I also show him my sticky note doodle, and I ask him if he can “do what Nintendo did for Mario, except we want the style and detail from the Firefox logo you did, but modernize the chimp a little so it doesn’t look like we’re trying to stay within the 16-bit websafe color palette or something.”

If that were a mathematical equation, it would look something like this:

visual-equation.gif

Except that pi has nothing to do with anything. I just like chicken pot pie.

So Jon politely tells me, “I don’t see anything wrong with your MailChimp.” Then I give him an explanation twice as long and confusing as this blog post, and then he agrees to take the project.

So Jon works for a few weeks on and off, and sends us cool doodles from his sketchpad, like:

doodle2.jpg

and like:

jon-hicks-doodle3.jpg
It was really fun whenever a new email from Jon arrived in my inbox, because it meant another cool monkey doodle.

Finally, Jon sends us the new MailChimp:

new-mailchimp-logo.jpg

We absolutely love it. And we can’t wait to get the chimp back on our website, and also worked into the MailChimp app. Soon. We’re re-designing like crazy right now.

My favorite part of the new logo is the little hair detail inside his ear:

hairy-details.jpg

Yeah, I know it’s odd to focus on hairy little details like this, but I’m weird that way.

Anyway, hope you like the new MailChimp logo as much as we do. We’ll be launching a new public website some time in early October-ish, pretty close to the next new MailChimp point release (v3.3).

  1. 37 Responses to “New MailChimp Logo By Jon Hicks”

  2. Another fantastic job by Jon, loving the new logo :)

    By The Floating frog on Sep 11, 2008

  3. The new chimp logo is terrific and Jon is definitely a modern reference in everything design and logos — hats off to him for all he is doing on the web.

    Don’t, however, discount your original design! MailChimp became MailChimp not in spite of the original chimp, but because of it, “flaws” included. I’ve always had a very soft spot for your first logo, which to me remains unequaled in its simplicity and friendliness.

    By FJ on Sep 11, 2008

  4. If there is one thing I love more than simple, yet powerfully effective web design, it would be candid discussion of the process of developing that design. And if you think you’re a dork for reading branding blogs, you should see how many typography blogs I read.

    By Kate on Sep 11, 2008

  5. @FJ - Thanks! Come to think of it, 95% of my hatred for my old logo was simply because of how sloppy my .PNG file was. I made a few attempts at making an .AI version, but never could figure out gradients. Anyway, the actual design of the chimp was so-so for me.

    By Ben on Sep 11, 2008

  6. @Kate - Typography blogs? You *are* a dork. Have you seen the “I heart comic sans” designer-kick-me sticker? http://www.vonster.com/main.html

    By Ben on Sep 11, 2008

  7. glad to hear that you are committed to keep mailchimp fun.

    By tiago on Sep 11, 2008

  8. As a “non-creative”, I appreciated the thought that went into the new chimp! In particular, the differences between 2D and 3D Mario. It would be easy to think that people are talented designers simply by nature, but it’s great to see the deliberation and intent behind it

    By Andrea HIll on Sep 12, 2008

  9. Simply awesome Ben. Looks fantastic!!! Kudos!!!!

    By Bob Klingler on Sep 12, 2008

  10. i love the new logo

    By Jeff Haynie on Sep 12, 2008

  11. Awesome logo! Incredibly cool!

    I actually love the original chimp as well. And I like the fun way you guys word things. Maybe I’m just a quirky guy.

    Maybe I need a monkey or gorilla logo. I guess that might not work so well for a lawyer. :)

    By Andrew Flusche on Sep 12, 2008

  12. Really nice work :)

    By Andy Budd on Sep 13, 2008

  13. Great write up, and really nice looking chimp!

    By Simon on Sep 15, 2008

  14. love it! Any plans to animate it in future?

    By Kev Charlton on Sep 16, 2008

  15. Love the new logo and working with Jon Hicks is a real pleasure. I’d love to see you all implement autoresponders so we can kick a-nother competitor to the curb.

    By Andy Ciordia on Sep 16, 2008

  16. While this new logo is insanely cool, I’m curious how you’re going to scale that down to favicon size. The chimp’s new mail bag could represent well at 16×16 pixels. Or the hat? Or the “M.”

    The old (revised) logo is still pretty slick.

    By illusiodesign on Sep 16, 2008

  17. @Kev - Yeah, we need to find a good 3D animator. We have lots of ideas for a moving version.

    @Andy - autoresponders and drip campaigns are on the MailChimp roadmap for sure.

    @illusiodesign - We’ll probably do some sorta zoom & crop, or use part of the scripty cool wordmark Jon did. Oops, I never showed that part.

    By Ben on Sep 17, 2008

  18. Diggin it. Also, I think it looks just fine scaled to 16×16 favicon as is. The yellow Mighty Mouse-esque “M” on a blue square would probably suffice as well (maybe even shaped as a hat).

    I’m sure your designers are ecstatic to have such a fun direction to play with.

    By Colin on Sep 17, 2008

  19. i always loved the little chimpette - even more so when he started talking to me with the latest updates (have turned a few people to the service with that hysterical aspect alone!).

    my only comment is that new chimp does not look at warm/nice/friendly as old chimp. its not overt, its just a slight edge…in an effort to make him look a bit enerst he also looks a little un-huggable. might be the eyes look a little “vacant”…like the chuckie doll.

    dont want to over analyze but he seems a little less “human” - as ridiculous as that sounds!

    By tracy on Sep 17, 2008

  20. Interesting stuff. I’m usually a big fan of Hicksdesign, but I’m actually with the previous poster - in this case I like your softer chimp better - he looks like he would be a better cuddly toy or emblazoned on a T-shirt (always think of the real-world merch!), and he also has a slightly more organic feel to him, which I like - Chimp3.0 is just a teeny bit too slick for me.
    And OK, Chimp2.0 is just a talking head, but that way maybe the big corps won’t mind him too much?

    By Adrian on Sep 18, 2008

  21. 2D Mario > 3D Mario

    2D Chimp > 3D Chimp

    No one is going to notice (let alone remember) all these new details (hair in the ear included) on the updated logo.

    You could have simply paid someone to create a resizable, printable version of your current logo (which, by the way, is fantastic) using Illustrator.

    The new chimp looks like it’s up to something.

    By Rob on Sep 19, 2008

  22. Found this by way of Brand New and thought I’d drop in to say, “Nice job”.

    Love the new chimp and look forward to seeing it implemented in full.

    cheers
    nic

    By Nic Eldridge on Sep 20, 2008

  23. Thanks for all the great comments and feedback, everybody!

    By Ben on Sep 20, 2008

  24. This logo is really cool.
    I like the uniform :)
    Lets see how it blends with the new website.

    By Authorized Movers on Sep 21, 2008

  25. Wow! Now that is a very cool logo - I couldn’t stop looking at it. It’s kind of put my monkey (Alfie - who I was so happy with) to shame. He’ll have to have a monkey-makeover also now.

    Great to see the method laid bare in your post too. Really interesting. Looking forward to see your new site.

    By Alfie on Sep 29, 2008

  26. This sounds a little bit crazy, but if you have smooth scrolling on in firefox, look at the pre and post-nose job MailChimps. Then scroll slowly up or down - it kinda looks like the MailChimp is talking. Not quite animation, but a nice waste of a couple of minutes while you create a MailChimp Shakespearean soliloquy.

    By Brian on Oct 1, 2008

  27. A nice write-up, and some great work again fron Hicksdesign.

    By Richard, Peacock Carter on Oct 2, 2008

  28. Absolutely adorable. I especially love the bag. :)

    By Myron Tay on Oct 21, 2008

  1. 10 Trackback(s)

  2. Sep 17, 2008: Kotyk.com » Monkey Doodle Dandy
  3. Sep 17, 2008: The search for the Hicks-Monkey | A blog by Ben Gilman
  4. Sep 17, 2008: Mail Chimp gets a new look
  5. Sep 17, 2008: MailChimp Logo Redesign | OrignauxMoose
  6. Sep 18, 2008: Extreme Makeover: Chimp Edition | thegraffiK
  7. Sep 18, 2008: VT1300: Communication Design (Fall 2008) » Blog Archive » Monkey business
  8. Sep 20, 2008: syngshin.com » Blog Archive » Recent Work: MailChimp
  9. Nov 10, 2008: MailChimp’s New Look | MailChimp Blog
  10. Nov 10, 2008: MailChimp’s New Look | MailChimp Blog
  11. Nov 19, 2008: » One very, very, skunked beer brand. Make Seriously | Design and Life

Post a Comment

Mailchimp Blog built by Muse