The SmugMug Logo - behind the scenes

[ZacW]

Over the last few months, we’ve been working hard to revamp SmugMug’s look and feel. We polished our home page and updated the new user experience, while continuing to iterate on your feature requests. As part of this process, we’ve also spent a lot of time updating our logo.

But first, a bit of history

The evolution of our logo hasn’t been without drama. Originally we were a gaming company called ModGods, a place where geeks could customize online games and make them their own. But as small companies do, we quickly changed direction and suddenly the name didn’t seem to make much sense anymore. After many weeks of brainstorming, debate and consultations, we finally decided on SmugMug. Baldy, President and Co-founder, wasn’t a big fan. He thought it sounded too unapproachable and, well, smug. Don, our CEO, who’d always been a fan of comic books, decided to use Comic Sans for the logo font and added a smiley with a sideways “D” to soften the image. And voila, the SmugMug logo was born.

Don didn’t fret too much about the way Smuggy looked. He had planned to change it after a few weeks, anyway. Who would have thought it would take 8 years to make a change?! Well, much to our surprise, the logo stuck. We’d wear it on our t-shirts, hats and jerseys and people loved it. Something about Smuggy was friendly and inherently humble. When we tried to change it a few years back, our loyal customers very nearly incited a riot. And when we tried to crowd-source a new version, we were so overwhelmed with the response, we couldn’t pick just one. Even internally, discussion of the slightest tweaks have sparked raging debates. Who knew the attachment ran so deep?

Though we’ve always loved the humble origins of the first SmugMug logo, we’ve grown up a lot over the past eight years and thought it was time that our signature brand did, too. We wanted a logo that’s both fun and professional, something new enough to showcase our values of working hard and playing hard, but not straying too far from our roots.

To make the change, we polished the “Smuggy” logomark and replaced the infamous Comic Sans typeface with ITC Officina Sans in bold. We kept Smuggy (the semicolon eyes and sideways “D” smile), brightened the colour and did some slight re-alignments. The new logo as a result is a bit more grown up, just like us.





Our Pro logo needed polishing as well. We learned through user feedback, and from our experience here as photographers, that the logo had to be a neutral color. So, we removed the blue and replaced it with a metallic silver grey.



We also thought it would be important to make the Pro logo distinct from our normal Smuggy logo. Pros, after all, have a different goal when compared with our Basic and Power users. We wanted to showcase a sense of professionalism, elegance and maturity, so we added a “PRO” badge. After experimenting with various textures we settled on brushed aluminum.

Brushed aluminum portrays an image of quality and detail (think about Apple’s logo). Though we considered numerous other metal treatment options like titanium, silver and chrome, we chose to go with brushed aluminum because it enabled us to create distinct texture details. All of the other materials looked very bland. Think about timeless pieces of design, like expensive watches, cars, photo products (i.e. metal prints, albums, frames) and professional gear, all incorporate the brushed metal look somewhere in their branding.

As you can see, the new SmugMug Pro logo on the right does better justice to the subject’s blue eyes when compared with logo on the left.

The Process (for design nerds)

We knew that in order to make the logo exciting and interesting, we had to approach it from a different angle. We decided to go 3D. And instead of doing it the easy way (with some automatic drop shadow effects), we decided to create the look from scratch. Doing it ourselves gave us the flexibility to render the logo at any size for every use case possible (i.e. the website, posters, printed materials, banners etc).



To ensure that it looked just right on every screen and on any type of background (bright, dark, colored), we had to optimize the logo pixel by pixel, at 1200% zoom. The image below shows the slight differences between the original logo (on the left) and a pixel by pixel recreated version (on the right). You can see that by adjusting the color of just a few pixels, it’s possible to change the texture, sharpness, legibility and alignment of the image.










So that’s our story and we’re sticking to it. We hope that you love our new logo as much as we do!

By: Vilen Rodeski, UI Designer


The New SmugMug Logo – Behind the Scenes with Vilen, Designer Extraordinaire The SmugMug Blog

[groovyone]

Nice!

[d2creative]

While you are at it, please get rid of that "hide photo" box and/or the key command for it!
Still drives me bonkers and really screws things up when I don't know it was activated, which happens ALL THE TIME!
It's so often I've seriously considered moving everything to my flickr account.

I love you guys, the new look is great, but that hide photo box is a serious thorn in my side.

[groovyone]

Originally Posted by d2creative

While you are at it, please get rid of that "hide photo" box and/or the key command for it!
Still drives me bonkers and really screws things up when I don't know it was activated, which happens ALL THE TIME!
It's so often I've seriously considered moving everything to my flickr account.

I love you guys, the new look is great, but that hide photo box is a serious thorn in my side.

No way! I use that a lot. There is a CSS code you can use that marks your thumbnails with a red X if they are hidden. It makes it super fast to spot any that are marked.

[d2creative]

I can see if its hidden, but only if i'm on the smugmug site!
Meawhile, images i posted somewhere are red-x's.
I don't mind that the option is there, but the simple fact that it gets activated by a key command that is apparently the same as "hide window" on the mac is super annoying. At least that's what it seems to be. All i know is that i have NEVER activated it on purpose, but my images are constantly being hidden. Pretty sure its a key command conflict.

[boxofrocks]

This is a perfect example of why I get frustrated with Smugmug. I'd much rather see you start a thread about how to effectively use new pro features, rather than one about how you made a logo. The logo is real nice, but I doubt it will contribute as much to your (and my) bottom line as much as tools for pros to make more money with.

Sometimes I wonder if you guys are in business to make money or to just look cool.

Really.

[ZacW]

Originally Posted by boxofrocks

This is a perfect example of why I get frustrated with Smugmug. I'd much rather see you start a thread about how to effectively use new pro features, rather than one about how you made a logo. The logo is real nice, but I doubt it will contribute as much to your (and my) bottom line as much as tools for pros to make more money with.

Sometimes I wonder if you guys are in business to make money or to just look cool.

Really.

Hi Thomas,

We do the best we can, really. There are so many pros requesting so many features and we have to find a way to prioritize them all. As you can imagine, it's difficult to satisfy everyone. We are constantly innovating and coming out with new features for our pros. I'm sorry that the feature you are looking for isn't available. I'm sure we can figure out a way to make SmugMug work for you but you may need to tweak the way you do your workflow. I'm also sure that Andy will respond to your dgrin thread within a few hours.

You can keep up with all our news and feature releases on our blog: The SmugMug Blog

[boxofrocks]

Originally Posted by ZacW

Hi Thomas,

We do the best we can, really. There are so many pros requesting so many features and we have to find a way to prioritize them all. As you can imagine, it's difficult to satisfy everyone. We are constantly innovating and coming out with new features for our pros. I'm sorry that the feature you are looking for isn't available. I'm sure we can figure out a way to make SmugMug work for you but you may need to tweak the way you do your workflow. I'm also sure that Andy will respond to your dgrin thread within a few hours.

You can keep up with all our news and feature releases on our blog: The SmugMug Blog

[start rant]

Sure, but what about a thread re: tips and tricks for using the features you already have? That will make everyone , including you, more money than bragging about a logo. No offense, but this post appears to me to be completely self-serving and doesn't even offer a tutorial on how to DIY if you wanted to make your own logo. I mean, you don't even mention what software you used--it's almost as if you're just saying "look how cool we are!"

I know you aren't all things to all people, but I have to go digging around in dgrin for hours every time I'm trying to figure out how to use what's already out there.

Meh.

[/rant]