I visited the well designed MailChimp website today and I noticed that the MailChimp logo now sports the big cheesy grin, which made me wonder how many tweeks this logo has seen over the years.  Being a fan of their designs, I took a look online and found some comments from those in the know, namely the designer and the guy who hired him.

Here they are…

1st Generation Logo

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.

MailChimp 1st Generation Logos

MailChimp 1st Generation Logos

2nd Generation Logo

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.”

MailChimp 2nd Generation Logo

MailChimp 2nd Generation Logo

3rd Generation Logo

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:

The MailChimp Logo Design Equation

The MailChimp Logo Design Equation

MailChimp 3rd Generation Logos

MailChimp 3rd Generation Logos

So the “try anything” scientific approach definitely seems to be at work here.  As you can see for yourself, the chimp has gone from leaning forward to upright, back to leaning forward. The 2nd iteration here shows the Mario-esque fist. The 3rd iteration takes the smile to full cheese and adds a piece of mail to the hand. Personally, I never understood why the mail wasn’t in the hand in the first place, but in terms of the new smile, I’m undecided, but I’m sure the folks at MailChimp will let us know eventually.

Original References

New MailChimp Logo By Jon Hicks | September 11th, 2008
Thorough write-up about the design process and design history summarized by MailChimp

Recent Work: MailChimp | September 15th, 2008
Personal design blog entry from logo designer Jon Hicks

,

If you read my other grocery store design articles, you’ll see that I pay attention when I’m at the grocery store.  When the grocery chain Bloom opened, I went shopping and took my camera and documented some of my observations.

The first thing I noticed was the logo, it was new and fresh and plastered just about everywhere. Some of the pluses included the ability for the logo to be reproduced well in scale from small to large.  Additionally, I like the amount of different applications for which they use it. The problem I think they have is the overuse by repetition.  Repetition certainly has it’s place in good design, but doing so with the logo has to be done carefully.  In this case, I think the repetition choices take the good out and throws in some bad taste.

After looking at the pictures, I invite you to weigh in with your opinion.

bloom-sliding-doors

Bloom Front Entrance

Bloom Floor Marker

Bloom Floor Marker

Bloom Produce Signage

Bloom Produce Signage

Bloom Product Scanners

Bloom Product Scanners

Bloom Canned Product Labeling

Bloom Canned Product Labeling

Bloom Plastic Produce/Meat Bag

Bloom Plastic Produce/Meat Bag

Bloom Recycle Bin

Bloom Recycle Bin

Bloom Produce Crates

Bloom Produce Crates

Here’s a number of print pieces I’ve scrounged together…

Bloom Circular

Bloom Circular

Bloom Circular Page

Bloom Circular Page

Bloom Magazine

Bloom Magazine

Bloom Business Card

Bloom Business Card

Do you find the Bloom logo usage good or bad?

View Results

Loading ... Loading ...

, ,

In addition to having a new logo, Wegmans has fantastic weekly circular flyer ads, the best in my opinion. It becomes obvious when you compare them with other grocery chains. Although some of the others are getting better, the Wegmans one has one thing that they don’t, White Space.

Most circulars make the mistake of trying to sell everything in the store in one ad. While this might succeed in listing everything but the kitchen sink, it doesn’t contribute to giving consumers the ability to focus on one item at a time. If you don’t believe me, take a look at your flyers tomorrow when the junk mail comes in.

Wegmans Product White Space

When I pick out the Wegmans ad from the pile, it always has a nice cover. They really put effort in the photography and this goes for the interior pages as well, where you’ll see product features with real tight crisp shots.

Wegmans Cover Photo
Wegmans Cover Photo
Product Close-Up

The meat of the pages does feature product just like any other ad, but they provide a nice grid, which features nice type hierarchy and spacing. Each product has its own room to shine and allows you to absorb the information much more quickly because they are spaced generously.

Wegmans Consumer NewsOne other reason why I like their circular is that at the closing of each weekly, their VP of Consumer Affairs provides interesting tidbits about the store and the way they operate, as well as food facts. Now, I don’t wait with baited breath for each ad, but it’s more of a compelling reason than the others could boast, where what you see is just a drumstick on a turkey. Whereas, the VP picture is a weekly fixture and it brings the smiley/happy, “we care” fuzzy element to the brand, which definitely makes you think about scooting across town to pick something up at Wegmans.

,

The following article was given to me when I was studying Graphic Design. It is mainly intended for the Graphic Designers and readers who want to learn more about the medium of printed matter. Due to technology limitations, web design has not attained the level of infinite placement possibilities as Desktop Publishing software and should not therefore be directly compared.

For non-designers, this article describes very common problems and should make it clear why hiring a trained professional is so important.

As an active designer, I engage in examining not only the content I read in all printed matter, but the technical aspects as well. Very rarely do I see solid design with stellar typography and attention to fine details.

In a future segment, I will illustrate these rules by taking an actual excerpt from a magazine and illustrate my findings. For now, have a look at the rules.

Desktop publishing has matured from the original classic ransom notes that we were inundated with in the mid-1980s. People have become more visually aware and informed of the professional way to set type and design pages. But telltale signs of do-it-yourself desktop publishing creep into even the most professional work. Some of these signs result from not knowing the software well enough to control certain features, and some are simply evidence of using convenient features that shouldn’t be options—or, in some cases, defaults—on the computer.

1. Helvetica or Arial
Type has trends like music, clothing and architecture. Helvetica (and it’s recent clone Arial) was the most popular typeface in the world in the’60s and ’70s. Just as a beehive hairdo creates a certain look, Helvetica and Arial creates a certain look. A slightly dated look to those who recognize good graphic design. Just because it is on every computer does not mean you have to use it. The best thing to do is to invest/find another sans serif typeface, especially one with a strong bold black version in its family.

2. Straight quotes
It is amazing that people are still using straight quotes. Learn the keystrokes to type real quotes, and, in all your software programs, learn how to use its settings to do it for you automatically. But the reverse is also important–don’t use curly quotes when you need inch and foot marks.

3. Double returns
Hitting the Return or Enter key twice between paragraphs separates the text with large, awkward gaps. Double returns also make it easy to end up with a blank line at the top of a column. Learn to use “Paragraph space after” or the “Paragraph space before” feature in your layout software. Using this feature allows you to determine exactly the amount of space you want between paragraphs, after headlines, above subheads—an elegant space that tells the reader a new paragraph has begun without physically separating the text so dramatically.

4. Two spaces after punctuation
This is a throwback to the monospaced typewriter days. The high-quality type that computers use today, with proportional widths and kerning pairs, do not need our help in indicating the end of a sentence and the beginning of the next. Any professionally designed publication would never use the old two-space rule. Neither should you.

5. Gray backgrounds behind text
Just because you can make gray boxes doesn’t mean that you should. New designers often use gray boxes to make important sections of the text stand out simply because they do not know any options. Unfortunately it makes it too difficult to read and grays out the text.

6. Centered type layouts
Centered type is a safe and easy way to create a stable, sedate and formal look because it is so symmetrical and balanced. It also can be deadly dull and boring. Most effective and dynamic layouts have a flush left or flush right alignment, and the invisible line that those alignments create can give the layout strength and stability.

7. Borders
One border around the perimeter of the page often indicates a beginner who feels unsafe with type that is uncontained. The more boxes within that outer box indicate even more insecurity. But white space is itself a border—it encloses the type, yet lets it breathe; defines the edge, yet allows freedom.

8. Half-inch indents
Old-school typewriter rules once again, when a line of type generally was the width of the page. Now that we have sophisticated layout programs, that rule is worthless in graphic design. Your “Paragraph space after” or “…before” should help you indicate to your reader new paragraphs (see #3) without resorting to huge indents. If you must use indents, it should only be the equivalent to two character spaces.

9. Hyphens for bullets
Another old typewriter technique that needs to be retired. Your computer has a vast array of bullets, dingbats and special characters—put them to use in creative ways.

10. Shadowed outlined type
Never use the shadow feature of any program—there is no control on where the shadow is positioned or how thick it is, and most often looks cluttered and junky. If shadows are needed, copy the set type, paste it behind the original line and manually set it where it looks best to you, not to the unknown software default settings.

11. Twelve point type with auto leading
The default of any program should generally be avoided. For most typefaces, 12pt. is too large for body copy. Experiment with 10, 11 or 10.5pt. and see which one looks more professional. Add 2-3pts. to determine leading. The results can be surprising.

12. Underline
Underlining words is what you would do on a typewriter because you couldn’t type italics. Now that you can use italics at the tap of a button on your computer, don’t use the underline feature. And, unless you have a gun to your head, never underline italics. It is one of the most redundant things you can do. It you want to emphasize a word, use the other wonderful features the computer offers, like bold or even a different font.

13. All caps
All caps are difficult to read. It is a proven fact: we recognize a word not only by its letters, but also by the shape of the whole word. When the text is all caps, every word has the same shape so we have to go back to reading the word letter by letter. And never use all caps on script fonts, which purposely have grand caps designed to boldly start a sentence.

Created for educational use by Don Starr, based off Robin Williams original work.