Codecademy Grows Up With New Pentagram-Designed Brand ID

See on Scoop.it – Social Media, the 21st Century Digital Tool Kit

“The Internet’s premier platform for free education in computer programming had an outdated wordmark. Pentagram’s Eddie Opara came to the rescue with a new visual identity.”
The new branding program would started with Codecademy Reimagined. This was based upon the conclusion that, “if we wanted to grow and mature as a brand, we required a thorough redesign of our entire product.”
WHY A REDESIGN?
REASON #1 – START FRESH
REASON #2 – BRAND MATURENESS

codecademy brand
Old ‘Lobster’ brand and new ‘CoDIN’ brand

OUR NEW LOOK
PHASE 1

“The first thing we tackled was the logo, as the key centerpiece of our new look.”

Codecademy Identity from Pentagram on Vimeo

PHASE 2
“After defining the main brand pieces with Pentagram (logo, typography, iconography, color), we started applying it internally to our entire web ecosystem by building a comprehensive number of reusable design patterns.”

codecademy brand
Evolution of a new Pentagram-designed brand

PHASE 3
“This was the longest, and perhaps most exhausting, of all phases, where we redesigned 70+ webpages in tandem with other collateral material (email templates, slides, apparel, etc).”

Alison D. Gilbert‘s insight:

A brand needs to look like what a company does, is or represents. It should not be literal. That is for amateurs. But when a company teaches code, its brand needs to ‘speak’ code fluently.

You may also like

Leave a Reply

Your email address will not be published. Required fields are marked *