Digital design & development

Adobe Typekit

A bigger, better, best redesign for Typekit.

Visit the site

When Typekit first launched in late 2009, web designers and developers around the world threw their arms up in triumph. Finally, here was a small company that listened to our growing needs — how best to get access to and serve up quality web fonts. Not only was this a necessary service, but the team behind it was top-notch.

Unsurprisingly, we’re huge fans of the Typekit crew and the service. At the end of 2012, we were delighted and honored when Jeffrey Veen and Bryan Mason consulted us about redesigning the homepage as well as evolving their identity since being acquired by Adobe. We certainly couldn’t say no to that.

Bigger

Typekit was bigger now — with the additional resources of Adobe at large, the nimble and growing team needed to implement a relevant update to the website. We explored what would be an interesting story to tell and how to tell it succinctly. Ultimately, we elected to weave that tale within the real estate of a long homepage, resulting in a modern and fresh take on Typekit.

Better

We landed on an “islands” concept (originally conceived as “continents”) to apply to the typical bands or blocks of content that are commonly seen on websites.

This approach allowed us to make interesting and unique shapes with the atomic unit of a square block.

Playful interactivity with the blocks emerged, revealing deeper subject matter.

Best

No overhaul of a site would be complete without responsiveness. To this end, we assessed our efforts for large screens and thought about how to best customize the experience for mobile. Mobile users have a different mind-set and requirements — we wanted to retain the information but without the complexity and real estate that the large-screen version utilized. We brought the site down to a swiping-first version that collapsed the blocks into bands, making use of common gestures to navigate and peruse the content.

We had a lot of fun undertaking this enterprise with the gang at Typekit, and we continue to collaborate with Adobe on ongoing projects.