×

Logo Design Process for Outdoor Fashion Brand

Logo Design Process for Outdoor Fashion Brand

We independently research, test, review, and recommend the best products—learn more about our process. If you buy something through our links, we may earn a commission.

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

 

sponsored message

Adobe Creative Cloud Discount

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

 


sponsored message



[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.

This art board was created over the course of about a week, and the project as a whole, over 2 weeks.

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.

sponsored message


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).

sponsored message


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

 

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
Find Your Path Tagline
Find Your Path Tag Line Lockup

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

sponsored message


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.

Share This Post:

3 thoughts on “Logo Design Process for Outdoor Fashion Brand”

Comments are closed.