Rebranding World Business Chicago


Refreshed messaging, website, and visual identity aim to shed light on strategic initiatives WBC is building to drive Chicago’s economic growth and job creation. WBC’s creative director, Jake Trussell explains.

WBC Blue Square Abbreviated Vertical Logo RGB

Our mission and scope have evolved dramatically at WBC since Mayor Rahm Emanuel took the helm in 2011. Those changes, largely driven by our Plan for Economic Growth and Jobs, have given us new stories to tell, and a demand for new ways to tell them.

The redesigned WorldBusinessChicago.com aims to shed light on those stories, and tell them in a way that reflects the essence of our organization now.

Messaging

In 2011 Mayor Emanuel asked World Business Chicago to collaborate with The Brookings Institution, and McKinsey & Company to develop a roadmap for Chicago’s economic future. The Plan for Economic Growth & Jobs laid out a set of 10 strategies as a foundation on which to build initiatives to drive economic growth in the region. Since early 2012, when the Plan was announced, WBC has developed—and is incubating—a series of initiatives based on those strategies.

The resulting growth and change inside WBC drove us to reassess how we communicate what we do, and we kicked off a series of exercises to help reframe our messaging.

We collaborated with the brand strategy agency Prophet to delve deep into a better understanding of who we are, who our audience is, what they know about us, and what they should know about us. We then translated those learnings into messaging that better highlights the essence of who we are today:

“Chaired by Mayor Rahm Emanuel, World Business Chicago drives regional economic growth. WBC collaborates to create jobs, cultivate talent, and put Chicago at the forefront of the global economy.”

But that very distilled language is just the tip of a large iceberg. We needed a way to better share all that we’re doing now with the public, and because WorldBusinessChicago.com is our most public face, we started there.

Website

An analysis of our website showed that more than 70% of visitors to the homepage were landing there for the first time, and most visitors to all parts of the site came in through search. This told us that our most popular landing page—the homepage—needs to be a very high-level overview of who we are, Chicago’s benefits for business, and how we can help. The new homepage tells those stories in a concise and engaging way, and asks visitors to delve deeper for more information.

Meanwhile, we’ve remained conscious that the many other pages of the site, where visitors often land from search and social media clickthroughs, need similarly engaging narratives, and have their own ways of asking visitors to act, whether it’s to contact us, sign up for our newsletter, or use our Site Selector mapping tool.

We worked with web development agency Palantir.net to build a mobile-first site, responsive to all screen sizes (read Palantir.net’s case study). This challenged us to distill messaging to its essence for the smallest screens, which is often the best way to display content for large screens too. Attention spans are short, and website visitors only want long-form content if it is a subject they are deeply interested in. That’s what our newsroom is for.

But strong, concise messaging is just one ingredient in this snackable content mix. Our visual language needed to help tell stories too.

Visual Identity

Having built small websites for a number of our initiatives over the past couple of years, one recurring theme was that beautiful photography resonates strongly with people. Chicago is gorgeous, so we decided to highlight the city and our initiatives with bold, full-width photographs throughout the site.

Press-Kit

For landing pages we’ve developed a visual language using icons to help quickly understand context. Text is laid out in easily digestible columns, and page sections are banded in order to help define thematic areas.

ChicagoNEXT

While we’ve only just launched the new site, we’re already seeing a dynamic uptick in clicks and impressions which shows that our visitors are engaging more deeply with the new site.

Clicks-Impressions

We’ve also refined our logo, which had been the same since 1999, when WBC began. Our original logo had a beautiful stained glass effect, and an elegant, light type treatment, but these elements also made it difficult to read in many instances.

The amount of detail in the icon didn’t translate to small treatments or environments where the logo would be seen at a distance, especially if the full color version was used. The icon would often look like a solid rectangle. And the light type used in the wordmark was often unreadable.

Our refreshed logo pays homage to the original—in fact some people don’t notice the difference right away—but it uses a stronger type style, making for a wordmark that’s more easily readable. The icon has been simplified too. Extraneous elements have been removed, line-widths are stronger and more consistent,  and there are no longer multi-color treatments.

World-Business-Chicago-Old-Logo-New-Logo
We’ve also developed a number of versions that can be used across varying environments. There’s a traditional version with a rectangular icon and World Business Chicago stacked to its right (above). There’s a version with a square icon, and the text stretching out horizontally to the right (which we’ve used on our new website header). And now we have versions with a “WBC” type treatment; an acronym we use, but that’s never been represented by a logo. On our new website the “World Business Chicago” logo animates into the “WBC” logo when visitors scroll down the page. This helps reinforce that World Business Chicago is also known as WBC.

WBC-Logos-Simple

These elements of our new identity—including a simplified logo, refreshed color scheme, refined type treatments, and updated messaging—all work together to frame WBC as the modern, cutting-edge economic development organization we are.

Share:

Jake Profile Picture
Jake Trussell

Designer, media producer, and dot-connector