Logo Design Process: Marvel, a Prototyping and Collaboration Tool

Ad

We would like to share this logo design process from our good buddy Paul von Excite who has done a tremendous job at redesigning the new Marvel logo through a custom logotype. From the sketching to the final result, let's follow an in-depth process through his words. I would like also to mention that it is the logo of the Marvel app, a prototyping and collaboration tool not what some of you might think!

Paul von Excite is a designer that specialized his work into branding, lettering and logos. Located in Utrecht, Netherlands, we have featured his work before on ABDZ, make sure to follow his work on Behance and Dribbble.

Marvel's co-founder Murat Mutlu reached out to me for a logotype refresh. I quite liked the old logo actually. 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.

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

 

In Paul's Words

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.

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

 

Sketching

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

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

 

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

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

 

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.

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

 

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

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

 

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 slanted curve angle, coming closer to an arch. Other aspects like kerning, stroke width and corners were also digitally refined.

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

 

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".​​​​​​​

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

 

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.

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

 

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!

Logo Design Process: Marvel, a Prototyping and Collaboration Tool

 

Links

Written by

François Hoang

Running by the name of François Hoang, I am the Editor and one of the writers on the blog. If you wanna request a feature, tweet me at @AoiroStudio.

Ad

Ad