Wednesday, 30 January 2019

Logo Design Process for Outdoor Fashion Brand

Below is my entire design process of updating the logo, tag and brand identity for outdoor fashion brand, Waves to Wilderness.

 

Old Logo vs New Logo

Waves to Wilderness Old Logo VS New Logo

Old Logo VS New Logo

 

Old Website

This is their old website and logo which hasn’t been updated to the new look, just yet.

Waves to Wilderness Old Website

Old Website

 

New Website

This shows the new logo and visual identity in context of their website, showing how the fonts, colors, photography, textures and overall style work together.

Waves to Wilderness Website Mock

New Waves to Wilderness Website

 

[Video] Logo Design & Branding Process: Behind The Scenes

A behind-the-scenes look at my art board, showing how I experiment with concepts, type and color to form the brand’s identity.

Type Wall

As mentioned in the video, I often start with a “Type Wall” because this allows me to get a feel for each typeface at a glance.

I open my Type Wall template and use “Find and Replace” to change the words to the brand I’m working with. I would share the template, but it would be quite useless you had all the fonts that I have installed.

Sometimes you find the right typeface, but not always. Either way, it’s a quick starting point and a good reference to come back to.

Font Exploration

Type Wall used to find a suitable font

I also browse my favourite font site, MyFonts and paste font previews on to my art board.

 

Logo & Branding Art Board

This is my entire art board, which I worked on in an anti-clockwise direction, starting at the Type Wall and ending at the circled logo.

Logo Process Explorations

My Logo Design Art Board

 

Sketching

Throughout the project I often sketch out ideas, but this project was mostly done on the computer due to the geometric style.

Logo Sketches

Logo Sketches

 

Type & Concept Exploration

At this stage, I experimented with certain concepts seeing how they gel with other typefaces.

Logo Exploration

Type & Concept Exploration

 

Finalising Concepts

After experimenting with the logo concepts, I came down to a shortlist and continued working on them. At this stage, I reference other designs, getting inspiration for layout and color.

Logo Explorations

Shortlisting Logo Concepts

 

Final Logo Concepts Presented

I presented these logos to the client over Skype, showing one logo per page and then in context of clothing, a website etc. You can see the actual PDF presentation in the video. I don’t often show so many concepts, but I felt these had merit because the brief was so open-ended.

Ultimately, we decided the nod to heritage and the modern-retro-classic vibe was the best direction for the brand.

Logo Concepts

Final Logo Concepts Presented

 

Logo Approved & Variations Created

Great news! The client approved concept one in the first round. Rare, but I’ll take it!

After selecting the logo, we explored alternatives & tested how the logo worked in reverse. We kept the original (circled below) and then refined it.

Logo Tweaking

Exploring Logo Variations 

 

Logo Refinement using a Grid, Golden Ratio & Optical Alignment

After the logo was chosen, I refined the logo lockup using a grid, the golden ratio, geometric shapes and optical alignment.

The pink shows the construction of the logo using core geometric shapes; two triangles and circles which are in proportion to the Golden Ratio.

The Fibonnaci Swirl, shown in white, shows exactly where the mountains & wave meet (the crosshair part) which is 1.618 of the length of the logomark. The logomark length being measured by the total width of the two triangles (A+B).

You will also notice that these are ‘optically aligned’ – eg. the tip of the wave goes over the exact point where the crosshair meets, to give better balance to the logo. No geeky grid can can do that. It’s done by the naked eye.

Logo Grid Golden Ratio

Logo Construction using a Grid, Golden Ratio, Geometric Shapes & Optical Alignment

 

The Final Logo

Waves to Wilderness Logo Final

The final logo

 

Fonts & Colors

The logo is just the tip of the iceberg. I then finalize the fonts, color and overall style, ensuring it is cohesive and consistent with the brand as a whole.

Typography and Color Styleguide

Type & Color Styleguide

 

Logo & Tag Line Lockups

Different lockups of the logo were made for different use case scenarios such as the horizontal version for the website, and the stacked version for badges, as well as a styled version of the tagline ‘Find Your Path’, which I also created. Logo Variations

Logo Lockups for Different Use Case Scenarios

Badge Variations

A brand should have flexibility with constraint, and this can be seen in the badge variations created for different pieces of clothing.

Badge Variations

Final Logo Badge Variations

 

Logo in Context

A logo is rarely shown on a plain white background so it’s important to show how the logo will be used in reality, such as on clothing.

Waves to Wilderness Hat

Waves to Wilderness Hat

 

Waves to Wilderness Hat

Logo badge in context of a hat (Thanks to Cory McClaren for the hat)

 

Final Brand Identity

And there we have it, a fresh logo & brand identity for outdoor fashion brand, Waves to Wilderness.

Waves to Wilderness Website Mock

Final Waves to Wilderness Logo & Brand Identity

 

Have any questions, comments or feedback? Let me know.

1 comment:

  1. The post is really superb. It’s varied accessory information that consists during a basic and necessary method. Thanks for sharing this text. The substance is genuinely latest movie jackets
    composed. This web log is frequently sharing useful actualities. Keep sharing a lot of posts.

    ReplyDelete