📹 New! Remote User Testing - Get video + voice feedback on designs and prototypes
Read more
Viewpoint

The Marvel Logo – An Insight Into My Process

Posted 6 years ago by Paul Von Excite
The Marvel Logo – An Insight Into My Process

6e6ea850190683.58d12edfaadf0-1

In this article I am keen to take you through my process of building the new custom logotype for Marvel, from sketch to final product.

I post work in progress on Dribbble and tweet about it onTwitterand using Instagram at the same time.

Introduction

Marvel is a design, prototyping an collaboration application based in London, UK.

Marvel's co-founder Murat Mutlu reached out to me for a logotype refresh.I quite liked the old logoactually. Next to being awesome, Murat was pretty clear in his intend for style direction and after a quick call I was excited to get started.The goal was pretty clear, the new type needed to resemble a friendly, fun yet professional character with lots of personality and energy. The Marvel type also needed a stand-alone "M" character for smaller display usage.

Exploration

As mentioned above the goal was pretty clear which made the hunt for inspiration much easier. I had a clear view in my mind on how the first sketches should look, image below was used as a reminder while sketching. Work included from Nick Slater, Sergey Shapiro, Mark Caneso, Leo Gomez and myself.

Sketching

Actually took a lot of inspiration from the previous Marvel type, especially the "r-v"and "v-e" connection wereinteresting to explore further.

Murat was a big fan of the angled versions as it resembled an energetic character. In the following imageit was time to reflect on the type and see what needed improvement. The top left"M" was favourite over the bottom left "M", usedPhotoshopto combine the two together.

Final Sketch

At this point it was time to improve the reflections of the sketch above and build the final sketch. With the above sketch underneath I used tracing paper to model the final sketch.


The counters of the "e" and "l" turned outa bit too small but left it at that and decided to go digital from here and refine it in Illustrator later.

Digital Version

Below is a screenshot of the final sketch with the vectoring lettering on top. To position the characters correctly along the curved underline I started the tracing with the underline and used the underline as grid. The finished trace has a slightly less slantedcurve angle, coming closer to an arch. Other aspects like kerning, stroke width and corners were also digitally refined.

Alternate Version

With the full logotype done we still needed a stand-alone "M", this particular one was tricky to use because it was so slanted and angled. This caused us exploring back and forth between different "M's" but after all we maintained the original "M".

The stand-alone "M" will only be used at the smallest display's, on small to medium and above sizes the full Marvel type will be used most. We modified the original "M" from the word-mark to make it fit better within smaller sizes and make it look more extinct.

ff4a8650190683-5947a6e345428

The Final Result

Had an awesome time working together with Murat on the new Marvel logotype and really satisfied how the final result came out. Hope you like me doing this kind of articles more often, I would like to do this on a more regular basis and happy to hear your feedback for improvements!

Prototype with Sketch!

Prototype with Sketch!

Send artboards straight from Sketch into your Marvel projects.

Download Plugin

Professional logo designer specialised in type & lettering from the Netherlands. Connect with Paul on Dribbble.

Related Posts

Making good component design decisions in react when it’s hard to see how an existing component can still be reused

Disney’s 12 Principles of Animation is one of the inestimable guides when traditional animations are considered. It was put forth by Ollie Johnston and Frank Thomas in their book – The Illusion of Life. These principles were originally designed for traditional animations like character animations. However, these principles can still be applied in designing interface animations. So, this is just… Read More →

Design is no longer subjective. Data rules our world now. We’re told all design decisions must be validated by user feedback or business success metrics. Analytics are measuring the design effectiveness of every tweak and change we make. If it can’t be proven to work in a prototype, A/B test, or MVP, it’s not worth trying at all. In this… Read More →

Categories