I suppose this is my first SvN post, so by way of an introduction I thought I’d share a bit about creating the animated 37signals logo.
When I first came on as “the video guy,” I wanted to think about how to brand 37signals’ wide variety of content with an interesting and unifying bumper. We hadn’t had to deal much with incorporating our logo into video, so it was time we gave it a bit of motion.
37signals is all about building things—from building a business to building software. I wanted the logo to “build” itself to reveal the design.
I actually landed on the basic animation that would become the final product early on, but kept trying more and more complicated versions. I spent a week teaching myself new 3D software and countless hours tweaking every frame to get it just right, but as these things often go, we ended up back with a simple, clean design. The way the logo “builds” itself feels natural; it’s hard to imagine it moving any other way.
Not that it wasn’t worth it to challenge myself—I certainly enjoy learning new software and techniques, but it’s a good lesson to learn. More often than not, the simplest solution is often the best.
The chimes were a lucky coincidence. I needed some audio to give the animation a little more life. Using GarageBand and hitting four random keys on my keyboard, I came up with the chimes as a placeholder until someone with musical talent could get their ears on it. Like many things around here, it just worked—so we left it in the final version.
Here are a few of the different iterations we tossed around.
Dennis Eusebio
on 03 Nov 11The first and last one are my favorite and make the most sense based on your brief.
David Elliott
on 03 Nov 11Hands down the last one.
Justin Jackson
on 03 Nov 11Neat to see the different iterations.
I was surprised when I first saw the animated version of the logo; but I like it. It adds a really classy touch to your videos.
Shaun
on 03 Nov 11Yeah, the last one is the final animation we landed on. It was a fun process. It’s interesting to hear more people come to the same conclusion we did.
Dan
on 03 Nov 11May I ask what kind of software you used to make the animation?
Shaun
on 03 Nov 112D was done in Illustrator and After Effects. I used Blender for the 3D model and finished in AE.
Anonymous Coward
on 03 Nov 11So which version did you settle on?
Geez, communication on this blog has tanked in the past 6+ months.
Darcy Fitzpatrick
on 03 Nov 11I like the first and the last, but the last is the clear winner.
All the same, I think it would help to understand the purpose of the logo in the first place. What does that symbol actually mean with respect to the company? I’ve never really been able to figure it out, myself.
Hibiscus
on 03 Nov 11I actually like the first one best. The last one’s build plus the chimes reinforce the logo’s resemblence to the number 4, so then the appearance of the 3 and the 7 seemed kind of confusing. But it was still a very close second for me. The blobby one was my least favorite.
I also wonder about the logo’s significance. I’m sure I should know already, but if Shaun could post it here as well it would be great.
radex
on 03 Nov 11I dislike the chimes. I really like the animation, but the sound is kind of annoying to me. Sorry.
Mark
on 03 Nov 11For the current branding, I think you landed on the right choice. However, years ago Jason mentioned that the brand mark was meant to resemble a friendly character, waving. In that context, I think the third iteration actually works the best.
Kevin
on 03 Nov 11I second the first and the last. I would like to see the first logo with some sound to compare to the last. Maybe some sort of funky extraterrestrial radio signal to correspond with 37 signals?
@Hibiscus http://37signals.com/33 – meaning of 37 signals name
Daniel
on 04 Nov 11You picked the right animation, that’s for sure. The chimes are nice too, but I can’t help feeling they’re just the tiniest bit too “bright”. I’d maybe prefer them just an octave lower (but I don’t know; might change the feel too much). Right now though, they just seem too “light” to be taken seriously. A lack of heft, if you will.
Also, funny how you – or at least I – can only think of the sounds in terms of physical and visual properties (weight, brightness, etc) despite sound having neither.
Wilhelm Murdoch
on 04 Nov 11First and last, hands down!
Rishi
on 04 Nov 11I really liked the second one!
Art Blanc
on 04 Nov 11The last one is great, the chimes are perfect.
DR
on 04 Nov 11Why animation at all?
Isn’t a core mantra of 37signals is to be simple.
Animation veers from that core company goal.
(Yet another “jump the shark” moment of 37signals)?
Dan
on 04 Nov 11I agree the last one is the strongest but I’m wondering if you tried any versions that didn’t have the scaling. It doesn’t seem necessary to fill the whole screen with the mark first and then scale down. I think it would feel tighter if you kept it all at the small scale and used the animation of the logo to reveal the type.
Don Schenck
on 04 Nov 11Obviously one of those things that you iterate through until you have that “That’s it!” moment.
Matt Sullivan
on 04 Nov 11Nice assortment of bumpers. I liked the last one best because it seems to have a fluidity in movement and that it builds as it unfolds. This seems more natural than the others and seels to reinforce something about 37Signals’ philosophy.
Nice!
Anonymous Coward
on 05 Nov 11I don’t like at all the ones that spin around (3rd and 4th). Glad you chose the one you did although the first one isn’t bad, second one is okay.
Shannon Smith
on 06 Nov 11I am loving these evolution videos! I have started doing screen shots of all my work now to see how my work evolves, even if it’s just for my eyes only
Benson
on 07 Nov 11I prefer the last one. I think it fits the brand better with it’s circular distribution of the dots. Might want to think about making it rotating clockwise, matching the time-saved/productivity of your products.
Saeed Neamati
on 08 Nov 11Amazing. I call these types of stuff “thought chains”. It’s like that you start from somewhere, and you think deeply and you simply get from a node of a chain to the next node. I love it.
Mike D
on 10 Nov 11I hate those chimes, they’re incredibly cliché. Whether they’ve done something like that already or not, they immediately made me think of Microsoft.
IT Rush
on 10 Nov 11:( can’t view the video, I have a very slow connection today..
This discussion is closed.