Codecademy Grows Up With New Pentagram-Designed Brand ID

See on Scoop.itSocial 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.

Continue Reading