Posts Tagged ‘Design Process’

The Logo Development Process: New England Breeze Case Study

October 22nd, 2009

If you’ve never worked with a professional graphic designer, you may have no idea what goes into designing a logo. Even if you have worked with a designer, you’re probably curious about what goes on behind the scenes of developing a high-quality logo for a small business owner.

Below is an outline of the typical process that we take at Visible Logic for the design and development of a logo. We’ll be using New England Breeze, LLC as our case study.

Project Summary

Create a logo for a new business—New England Breeze. The company sells and installs wind turbines and solar panels for business and residential customers. The owner wanted to make sure both energy sources —solar and wind—were obvious in the logo, especially because the name of the business only suggested wind.

The logo should be one-color so that it is easily applicable on a variety of items and economical to print.

The target market is individuals interested in the environment and specifically alternative energy sources. Buyers would be buying systems for both business and residential usage.

Key words

To help me understand their brand position, I asked the client to provide adjectives or phrases that described the personality of the business. The following list was provided:

  • Approachable
  • Patient
  • Excited
  • Knowledgeable
  • Concerned
  • Flexible
  • Creative

Additional words and thoughts:

  • Willing to teach
  • Concerned for the environment
  • Amazed by nature’s power

One thing that I found interesting about this list was that their was nothing about technology or being cutting edge or anything in that area.

Sketching, generating ideas

I believe in sketching both on and off the computer. Each format uses the creative process differently, and therefore the forms that emerge from each tend to be distinct. Each process suggests new shapes, connections and direction. Whether it’s done with pencil and paper or using Adobe Illustrator both are considered “sketches”.

The goal is to explore as many different thoughts, avenues, forms, ideas, etc. is possible. Because graphic design is a commercial endeavor the designer does have to be conscious of how much time to spend in each phase of creating a logo. Several focused brainstorming sessions can be very fruitful.

Sketches for the New England Breeze Logo. (click to enlarge)

Sketches for the New England Breeze Logo. (click to enlarge)

Refining the preliminary designs

The process of refining the logo options take several steps. I begin by sorting through the sketches to highlight the strongest options. From there, each design is translated into Adobe Illustrator.

Then, I edit, alter, and adjust to create multiple adaptations of each initial idea. I believe that—in most situations—the strongest logo is the one that reduces the design elements to the most essential. It should also work at a very reduced size.

Finally, I want to show a broad range of styles for the client to choose from.

Refining the logo sketches (click to enlarge)

Refining the logo sketches (click to enlarge)

First round of logo designs to client

After narrowing down the field of options and refining each, these five logo designs were presented to the client. I generally work only in black in white at the beginning because introducing color can be confusing. If all the options are black/white/gray we all can focus on the ideas and basic graphic elements.

The first round of logo designed presented to the client. (click to enlarge)

The first round of logo designed presented to the client. (click to enlarge)

Finalizing the chosen logo design

If all goes smoothly, the client chooses one logo and then we make some refinements to finalize the logo. In this case, the client choose the logo in the bottom right (above), however he asked to make the wind streamers more elongated. Additionally, I felt that the thin areas in the center were going to be too thin in some reproduction techniques. So I refined the logo, and below are two options that were presented.

Further refinement and finalizing of the logo design. (click to enlarge)

Further refinement and finalizing of the logo design. (click to enlarge)

Adding Typography

In this case, the logo was designed to work separately from the type, sometimes type is incorporated into the logo at a much earlier stage. Below are the type options I showed to the client.

Adding typography to the logo. (click to enlarge)

Adding typography to the logo. (click to enlarge)

The final logo

Because the client specifically asked for a one-color logo from the start, I decided not to introduce color until the very end. More frequently, color options are introduced earlier in the process. Once the black and white version was finalized and approved by New England Breeze I showed a variety of color options. A bright blue color was chosen. Below is the final logo.

The final logo design

The final logo design

Share

The Emotional Rollercoaster of a Web Site Launch

January 16th, 2009

It seems that every web site launch—whether it’s a brand new site, a redesign, a blog launch or just adding new sections, content or features—goes through the very emotional, but somewhat predictable series of ups & downs.

Getting beyond denial

As with most self-improvement projects, we often have to sink really low before we decide to make a change for a better. This is often the case with web sites that have outlived their original organizational set up, or have content jammed into an out-dated navigational hierarchy.

I know with my own site, which I redesigned in the fall of 2008, I had started to absolutely hate it. It used a flash-based navigation system which seemed really cool when I developed it several years prior, but I loathed by late 2008. Also, my publishing work had grown significantly and the book work was hidden within the other print work. Honestly, I was beginning to cringe inside whenever I gave out my URL.

At some point, the pain becomes too much and we realize we need to allocate the resources to a redesign. At this point there is sense of optimism. Like it’s January 2nd and you’re going to finally lose those 15 lbs.

The first high-energy frenzy

At this point there is a lot of excitement to get the ball rolling. Enthusiasm is high. The potential is unlimited! As a designer, this is when I’m creating design mockups. The client is usually extremely excited to see the first glimpse of something new. And they especially love the idea of being able to review more than one option.

Then the first bit of drudgery emerges

As the design is finalized, the client suddenly realizes they actually need to do the work to clean up and reorganize their content. All those areas of shiny new content have to get researched, written, edited and posted. As a designer, I start realizing the many little things that have to be addressed that did not arise in the design sample.

Things start coming together, another burst of optimism

As the design gets tweaked and the development tools get completed, one starts to see the shape of a finalized web site. There is a sense that this is really going to happen. This gives everyone—designer, developer, client—another shot of adrenaline to keep moving. Usually this is when a looming deadline starts to approach quickly; but we’re all so excited to pull it off.

Some flashes of panic

There are always a few moments as things get close to the launch when you realize something was overlooked. Or some functionality is not acting correctly in some browser configuration you thought no one even used anymore. Hacks are made and things keep picking up speed.

The launch. Woo hoo!

You made it. You are so excited to type in that URL and see the old site gone. You are proud of yourself. Until…

The discovery of bugs, typos, and other offenders

No matter how hard we try, there are always little things that show up after the launch. Oftentimes, a rushed deadline means that we all didn’t proofread, and linkcheck as closely as we should. Sometimes moving from a development site or hidden URL over to the live site causes a few things to no longer work or link correctly. Sometimes we are just human and make mistakes.

To err is human and you should remember to look back and realize how far you’ve come and enjoy the fruits of your work.

Share