Work Safely Logo

Why We Work Safely
For this project I was required to create a logo that effectively brands and represents my course topic, Why We Work Safely. The project instantly reminded me of a task I complete often at work – creating project safety stickers. Visual communication, specifically logos and brands, are an important part of the construction industry.  Every day we seek to communicate complex messages and overcome language barriers with visual cues.

Safety stickers serve two purposes. Their primary purpose is to communicate to project managers and superintendents which employees have completed their safety orientations and are allowed on site.  Second, they build morale on the jobsite and allow tradespeople to show off which projects they’ve built over their career.

Design Approach
As I’ve stated in previous posts, the goal of my project is to connect emotionally with employees through various communication methods. Based on the research from my collage I know that our employees mostly work safely for their families. With that in mind, I started sketching.

This slideshow requires JavaScript.

I experimented with different variations of hardhats, hearts and safety crosses. You might notice, I really got into hearts – which aren’t part of my final logo. I tried every combination of hearts and nothing seemed to work. They were too simple or dainty for use on construction sites. 

The focal point of my collage was the hero family so it makes sense for them to be the focus of this logo. I sketched out my hero family enclosed in a heart, but realized I would have to draw them. Then I had my aha moment. I glanced at my other monitor and saw a friend I’ve been spending a lot of time with lately, Safety Sign Man.

SafetyMan

I thought, perhaps if Safety Sign Man were reminded of his family he’d work a bit safer. The beauty of Safety Sign Man is he is recognized globally as a safety symbol and would be easy to understand on-site. I quickly sketched his family into a heart and got to work in Illustrator.

Design Execution
I intended to include a step-by-step guide to how I created this logo, however I quickly realized that wouldn’t be possible without a time-lapse video. I started by using my sketch to make the main shapes which were the heart and the family. These were fairly simple shapes to create by using the pen, rounded rectangle and elliptical tools.

Screen Shot 2016-06-07 at 9.05.01 PMScreen Shot 2016-06-07 at 8.50.44 PM

Once these shapes were created I began to arrange them. In order to fit the heart shape I rearranged my family to make the child the focal point. Then, to get them in the heart shape I created a clipping mask and began to make edits to the family.

Screen Shot 2016-06-07 at 9.06.39 PMScreen Shot 2016-06-07 at 9.22.30 PM

One Illustrator feature I love is being able to double click your way through layers and manipulate different paths.  I did a lot of this with the family since I wanted to see results in the heart instantly. To achieve the family appearance, I experimented with various stroke weights and colors. Once satisfied, I used the shape builder tool to remove parts of the shape that were clunky.

Final touches on the family required using the scissor tool to trim up their arms. I then added a rounded rectangle with an orange radial gradient and my tagline in a font I liked. Initial font edits were minimal, primarily adjusting tracking to make the copy tighter. Below is my first, first draft.

Screen Shot 2016-06-08 at 9.17.51 PM

Revision Stage 1
The danger of Illustrator is that you could really never finish a project, if you’re critical.  I opened my logo the next day and hated it. The only things I liked were the family and font.  The heart felt too forced and the color was distracting.  I needed to simplify.

I removed everything except the family and main copy.  With the heart clipping mask gone, I had to fine tune my shapes using the pen tool. The align tool proved very valuable as I sought to keep the bottom flush. I manipulated the copy by tilting my ‘e’ by 10 degrees. I feel this makes it a bit friendlier and aligns with my company brand. I then added a safety orange color palette that draws the viewers’ attention to the child and tagline. These efforts resulted in the graphic shown below.

Screen Shot 2016-06-08 at 9.30.27 PM

Revision Stage 2
While I prefer my logo post revision 1, the missing the heart shape made the family arrangement look too similar to a Microsoft family logo I’ve seen in the past, so I rearranged them again. Satisfied with the result, I converted my shapes and copy to outlines which would allow me to achieve scalability. Shown below is my draft logo thus far and at the top are versions in color, black and white, and grayscale.

Screen Shot 2016-06-08 at 9.48.35 PM.png

Thanks for taking a look at my logo project.  I look forward to your feedback!

IMAGE SOURCES:

Safety Sign Man images courtesy of Lease Crutcher Lewis.

 

8 responses to “Work Safely Logo”

  1. Bill,

    I enjoyed reading the description of your logo design. Thanks for sharing. I must say though, as someone who is working in Adobe Illustrator for the first time in my life this semester, I don’t know that I will have much to offer you in the way of critique.

    I think your final revision is, without a doubt, your best. I love the simplicity of the three family members in a descending order. I also found that the slight shift of the “e” in “safely” accomplished what you had hoped – while some could read “work safely” as a serious warning, the tilt adds a light and friendly note to the overall feel of the logo. I also think the decision to remove what I believe was the arm around the child’s shoulder in the first revision was a good decision.

    I keep scrolling back up to your logo, looking for elements to critique, but have very little of offer. Great work. I will say that while I like the look of the final draft in this post, the use of the entire phrase “Why We Work Safely” in the first draft offers a clearer explanation of what a reader is observing. Your post content explains your design thoroughly, but without the additional content, “why we work safely” provides a more robust context than what is included in your final revision.

    Looking forward to more of your work through the semester.

    Thanks,

    Todd Banning

    Like

    1. Thanks for the feedback, Todd. In my next iteration I’m going to experiment with including the phrase “Why We Work Safely”. Perhaps I can stack it, or work the “Why We” phrase somewhere else. I agree, a little more context will help get the point across.

      Like

  2. Hi Bill,
    Great discussion and visual aids for the development process. I really like the “extra” grey and black scales as part of your logo, I can see where it just gives an extra kick as a safely logo on stickers, letterhead, brochures etc. I like the color scheme from left to right and top to bottom. It continues to get darker in the way we read. I am not sure it is technically balanced, but it works to my eye.

    I did like the heart component you had along the way, maybe that could be reincorporated to amplify the reason we work safely theme. I don’t really care for the crooked e in safely, it just seems disconnected to my eye. Almost like it is an overlooked typographical error. Other than that, I just don’t see much I don’t like or would want to change.

    Cheers Rob

    Like

    1. Thanks, Rob. Great suggestions. I’m going to explore adding the heart component back in…somewhere…without making it seem sappy. Perhaps I can work it into the lettering. I see where you’re coming from in regards to the letter E. I think it may be a good idea to straighten it up since safety is important.

      Like

  3. I appreciate the constructive feedback from my classmates and instructor.

    We’ve all heard about how a photocopy of a photocopy eventually leaves you with distorted or altered images. This is what I’ve encountered on my logo project. I appreciate Illustrator’s feature which allow users to easily recreate versions of your work, however, after a while you’ll notice that some details from previous iterations are lost or significantly altered. This is what happened with my logo – you should see my art board!

    For the final version of the logo project I intend to spend a fair amount of time dedicated to dialing in the details. These efforts will focus on stroke weights, spacing, shapes, and overall scale of the logo. Before I make final revisions I am going to explore some of the feedback provided to me.

    Todd suggested that the logo may be more meaningful if I bring back the whole statement, “Why We Work Safely”. I agree with his feedback and will explore adding all the text. This could provide an opportunity to increase the size of the logo before I finalize stroke weights.

    Rob touched on the crooked E that I feature in the copy and I’m glad he did. This was a detail that I wasn’t sure about, but went for it. As I experiment with Todd’s suggestion I will try a version with the E unaltered. This could help reinforce the seriousness of safety, which is important.

    I also want to attempt to reintroduce the heart shape to my logo. I abandoned it quickly, but agree with feedback that it was effective at making the emotional connection I was originally seeking. Perhaps I can work it into the lettering?

    Thanks for the feedback, everyone!

    Like

  4. Bill,

    I really enjoyed the way you went through the different sketches, and came down to your final logo. Sketching out is definitely a big help in putting together a strong project. I think the revisions you put together also brought together a solid draft logo.

    On the colored version, I like the colors you went with. I think they are very eye catching, and draw reader’s into your logo. I like the order of the families, and how you aligned them in a downward angle.

    A previous comment mentioned it, but the only real revision I have for you is to use the whole phrase. Simply using “Work Safely” doesn’t tell enough of the story.

    I like that you removed the heart. If you use the whole phrase, I think the point will be driven home and there will be no need for the heart. Overall, great job and I can’t wait to see the final result.

    Like

    1. Thanks, Robert! Good feedback. I’ll try working with the copy first and see how it looks. This will make sure it’s not too busy with the heart.

      Like

  5. Bill, I love the simplicity of this logo! And I love seeing your process. I especially couldn’t stop watching the sketchbook. How fun.

    At first I agreed, leave the heart out. But then I changed my mind, it needs to go in.

    The arm with the child in the middle has a warmth that your current final does not. The arm is weird though, so it is good that it is gone. But it does had a third, new shape and three is the magic number. 🙂

    I would suggest putting the child back in the middle of the parents and adding a heart to his chest, or between the two adult heads.

    I’m also wondering what would happen if the adult heads overlapped and the heart overlapped all three in that connection zone?

    The color is great, the two words are too. I think the reason “Why we” work safely is clearly suggested. No need for extra words!

    It also invokes emotion, which is core. Nice.

    Like

Leave a comment

Website Built with WordPress.com.