The creation of the W+M Services logo - A raspberry web and marketing story


Français

Hello,

Several weeks ago, I was jealously watching my competitors' social media, checking their brand image and logo. Yes, when designing the new W+M website released last month, the time came to choose the new colors and lettering and, at the same time, to question the importance of having a logo for the company. 

Often being among the first elements visitor sees when consulting a business profile on the web, or in poster in the front of a store, a logo often helps us to locate the restaurant we are looking for in the car while driving or to identify a sponsor on a hockey ice. 

Of course you need a logo for a business. Is it complicated to do? Do you have to put it on paper and physical documents? It's going to take a long time! These are the questions I asked myself while looking at the beautiful logos of local businesses. This article explains the steps involved in making the W+M logo and finally, it's not complicated at all when you prepare in advance!

MusicScore: As I was listening to old classic house mixes from the 90’s while writing this paper, I propose to listen to this while reading: Keep Pushing from DJ Boris Dlugosch. Did you dance on this too? I was a King!

Listen to the MusicScores complete list on YouTube! Enjoy the Music At Work

My Logo Design Steps

After several readings of articles on the subject, I leave the best ones linked in the Sources section at the bottom, most mention the same things about the design and the layout of a logo. There are, however, things to know that will help the creation process to prepare in advance.

The choice of Colors 

The choice of the color(s) is in my opinion the first thing to decide for the branding of a company, since they will be used everywhere in the process of putting your identity online. It is also good to know the reference numbers of your colors for graphic designers and printers. 

Certainly, the more color we take in a logo, the higher the printing price will be. In addition, I think it is important to read about the meaning of colours and the feelings they give off, both for visitors and workers, to choose the right colors. Here is an article about The signification of colors that might be helpful. It is a French paper from Graphiste.com, so use the translation function of your browser.

 

Here are the five colors used for the W+M Services website and logo prints. 

 

To help you find your color numbers, here's a conversion tool I use from rapidtables.com.

The colors of the images above are those of the W+M website. The colour of the raspberry header banner matches the blue grey of the options and buttons and the grey of the footer. RGB numbers (measuring the intensity of red, green, and blue) are often used for digital tools for the web and small images. Other types of color coding exist for physical or other print formats.

Lettering and fonts

Like the colors, the choice of the lettering is large. It is good to know the name of the fonts used for your logo, which will usually be harmonized with the lettering of your website, if applicable. I never choose more than 2 fonts personally in a branding or a logo, and I try to separate the letters on the logo, so everything is clear and neat, no matter how big the logo is printed.  

I try to print the logo as test on envelope as well as postal size image on paper. Printing on an envelope and verifying the signature of an email from a mobile phone are usually my ultimate tests. If the logo and lettering are readable in both physical and virtual versions, usually there will look ok on larger dimensions and on all devices. 

Introducing the W+M logo gallery  

Here, presented for the first time for the publication of this article, are the W+M logos with the new brand image colors. Note the black/white versions, often requested by editing media according to their display standards, and a version with the secondary color, which is not mandatory, but optional and personal when working with red and green, for colorblind people who will prefer to wear the secondary color.  


Advertising


Identify where your logo will be displayed! 

It's important to have an idea of where our logo will be displayed. A Store Panel requires more organization than a single web image.

Here is a list of the display of the W+M logo to give you an idea: 

  • Square and rectangle website images with no background color  

  • Square and rectangle website images with background color and white writing. 

  • Image with colored background for social media profiles (Facebook, Instagram, Threads, X, LinkedIn, TikTok, YouTube) 

  • Image for email signature 

  • Image for Favicon web icon 

  • Image for printed documents with company name and address (sheet and envelope) 

  • Business Cards & Countertop Frame  

  • Invoice Item (Estimate Document, Contract, Job Sheet, etc.) 

Plan the banners too

And since we're in the process of establishing the visual list, why not also establish the promo visuals that will carry the logos and prepare everything at the same time, saving time and cost. 

Here is the list of W+M banners, to give you an idea. Please note that W+M does not print physical office signs and does not have a storefront banner. 

  • Homepage web banner, English and French 

  • Subscription incentive banner, English and French 

  • Page banner of social media accounts (Facebook, LinkedIn, X, YouTube) 

  • Header and footer banner of the email sent to members 

Trick and tip: keep your visual details. Why am I making these lists? And without wanting to discourage you in establishing your first logo, it often happens that a company changes its logo in its history, in addition to mentions, such as adding the number 20 to the existing logo in the year of a 20th anniversary of the company, for example. 

Our list will be useful and reliable for each request to change the design to be sent to a graphic designer. Also keep a copy of your first requests that you send to your graphic designers, details such as sizes, logo, color number and other technicalities are often the same if you don't change your communication media. 

It is also often seen to work with the same graphic designers over time, who know us and will design appropriated models. Like a hairdresser! 

My Design Creation Steps 

Once the color, lettering and display list are established, I move on to the stage of creating the visual design for the logo. It is often this step that will pass into the hands of a graphic designer for people who are not used to working with visuals and using design applications and programs. 


Logo generator programs 

For the past few months, I've been seeing logo generator apps, with or without using artificial intelligence and after trying one, I was pleasantly surprised. These systems offer a lot of templates, and we can then add the texts and slogan to customize everything. For an additional fee, I used TurboLogo's corporate box, which allowed me to do all the documents you see in the images in this article for W+M Services (logo and virtual images, banners, email signature, printable and administrative document, business card, posters and posters). I liked the experience, a bank of articles and an FAQ guide us in the use of the program and the images are of quality, both in virtual version and in printed document, with legal notices and rights included. I recommend these logo design platforms for beginners and first-time startup and SME logos. However, for a large-scale corporate logo with a big budget, it is better to use the services of a professional, who will design a complete branding charter with specifications, which you can then distribute or make public on your website.

My Logo Design advice 

This W+M logo has a title WEB + MARKETING because the company name is not an explanation of the company's products and services. 

1- Think about dressing up your image. A logo should be visible in a profile icon on mobile. I like to create a logo that's going to take up at least 50% of the image in my design square. 

2- Think about longevity rather than current design trends, both in terms of colors and fonts and style in general. 

3- Think about customizing your logo first and foremost. It represents your company, your values, and your future. For example, this W+M logo has a Web + Marketing title, as the company name is not explanatory of the company's products and services. The logo therefore does not include a design that would have weighed down the content. However, if your company name mentions the product, or the company name is very long, your logo may not need a title, or even lettering, but only a drawing. Think of the Pepsi or Nike logo. 

Mailing and Social Page Banner

Tell your logo story 

Once a few examples have been made and after asking the opinions of those around us, our logo already has a story to tell. Why not using this story to start your company presentation by explaining your color and branding choices. Add it to your relevant texts and presentation of your company's values ​​to allow your audience to get to know you better.

Isn’t this a great speech to place in your press release for your branding launch!


The Raspberry Story of the W+M Logo 

A Confort Zone Feeling at Work

When I was young, there were raspberries in the back of my yard. It was also the color I used the most in my box of colored pencils. Since then, I have this color in my kitchen or in the decorative accessories in my place. This raspberry red-pink is my favorite color. Although I find red to be a difficult shade to work with in web design, I couldn't put my favorite color in my logo. 

The box is a reminder of the logo of my first e-commerce.

 
 

W+M, my parents' signature on the birthday cards of my youth. Although my mother's name is Nicole and my father's name was Marcel, she signed only initials in cards and her N, with her stylish handwriting, looked like a W. 


Conclusion  

And there you have it, now you know the story of the creation of the W+M logo and the meaning of it all.

I hope you will have a great adventure in creating your logo and as you may have noticed while reading the article, this is not my first experience designing a brand, as I implied in the introduction;)

Let’s end this article by reminding you to take your time in the process of creating an image and logo. Also, you may change your mind or start over a few times. In short, like every marketer and programmer, you will develop patience.

I leave many useful links for more info on different topics about logos and brand.


Thank you for your time,

Jeff


Sources:

1- Article in French about colors in graphism: Tout savoir sur la signification des couleurs from graphiste.com: https://graphiste.com/blog/signification-des-couleurs/  

2- Tool to convert color numbers from Rapidtables: https://www.rapidtables.com/convert/color/hsl-to-rgb.html 

3- Turbologo FAQ, logo design platform: https://turbologo.com/fr/faq  

4- (Article in French, 10 design tips) 10 conseils en design de logo pour renforcer la présence de sa marque from the author Aviva M. Cantor for the French Agency 99designs.fr: https://99designs.fr/blog/logo-et-branding/conseils-design-de-logo/  

5- How to make a good logo: the dos and don’ts, from Kylie Goldstein for WIX: https://www.wix.com/blog/good-logo-design-tips  


Production: W+M Services


Advertising


Other Blog tickets