GOOD Magazine

GOOD Magazine launched in 2006, and immediately found a diverse and enthusiastic audience through an editorial voice that spoke to “global citizens” (known fondly as “for people who give a damn”) as a catalyst for creative change and progress. From the beginning, GOOD’s mission was presented through industry leading journalism and editorial design.

Following a two year pivot into a social networking platform, GOOD reached out to Type/Code to have us lead the design and development of a new iteration of their magazine website. The goal was to bring their editorial leadership back to the forefront of their audience experience, and serve as a closely integrated catalyst for their community platform.

With such wonderful content, being supported by an incredibly talented editorial and creative team, Type/Code got to work reimagining what a digital magazine should look and feel like in 2014. The new design needed to successfully elevate GOOD’s archive of several thousand legacy articles, slideshows and infographics, while providing innovative new content management and digital publishing tools, for their editorial and creative teams to uniquely art direct feature stories.

Since the magazine’s digital relaunch in June of 2014, traffic, engagement, and subscriber conversions have been growing steadily. A responsive design and development approach ensured an exceptional experience for GOOD’s growing audience acquisition through social media channels, and cross-device engagement analytics continue to climb with relentless testing and refinements. This success has lead GOOD to officially position the relaunched magazine site as the centerpiece of their audience's digital experience. Type/Code is continuing to iterate with GOOD’s platform, creative, and sales teams, with an exciting product roadmap in the queue.

Services

See it live

Architizer

Architizer has become a staple of the architecture community since its launch in 2008, amassing hundreds of thousands of active visitors, over fifty thousand project portfolios, half a million images, and a defined editorial voice. A victim of its own success, Architizer was in serious need of a strategic design and technology overhaul.

Type/Code had the opportunity to migrate this wealth of fantastic content into a fresh database, and work from the ground up toward a refined information architecture, presentation of content, and re-thought community features— all on a shiny new technology stack.

Since there was such great imagery from the beginning of the process, Type/Code focused on designing a system that would do the image-heavy content justice in whatever context it is being showcased—from larger retina displays, down to smartphones.

There were multiple audience goals that needed to be considered with the Architizer redesign, from firms showcasing their work, to enthusiasts browsing and collecting inspiration, to brands and manufacturers highlighting how their products or materials are being used in great architecture.

Architizer needed to strike the right balance between an editorialized browsing experience and a deep, explorable database of projects and products. This meant trying to optimize the experience for someone skimming the latest featured projects and stories, but still supporting robust searching, filtering, sorting and collecting tools.

The response has been fantastic so far. Beyond consistent twitter love for the new image-friendly design, unique visitors and pageviews have increased by over fifty percent from the old platform, and total engagement time has quadrupled.

Services

See it live

Google Currents

Google reached out to us with two powerful goals: to let publishers easily optimize content for tablets and smartphones, and to pass a phenomenal experience along to a growing audience of users who are consuming more and more content on mobile devices.

The result was Google Currents and Google Currents Producer. The Producer side of things is a web application allowing publishers to leverage their already existing RSS feeds, YouTube channels and socials streams, and feed this content through customizable templates that work perfectly across the iPad, iPhone, Android Tablets and Android phones.

On the audience’s end of the equation is the Google Currents application for iOS and Android devices. With leading publishers pulling in over 4 million subscribers, Currents lets readers browse and download digital versions of their favorite publications for free, beautifully formatted for their tablets and smartphones.

Services

See it live

Slated

Launched in 2011, Slated is the next generation online marketplace for investing in film. For investors & industry professionals, Slated provides exclusive access to a socially-vetted marketplace of high-quality films and filmmakers. Slated makes it easy to track a film’s progress, to follow trusted people and their portfolios, and to receive targeted updates that will help them find their next great film.

For filmmakers, Slated provides a level of validation for their projects and a platform to promote their films to an active audience including investors, distributors, and sales agents.

Type/Code worked closely with Slated’s leadership and product team to design the user interface and led front-end development for the first several iterations of the product.

Services

Interaction Design,
Frontend Development,
User Interface Design

See it live

GreenbergFarrow

Since 1974, GreenbergFarrow has been providing integrated architecture, planning, engineering and development services for all sorts of projects, ranging from luxury residential renovations, to nationwide retail rollouts such as Ikea and Whole Foods.

Type/Code collaborated closely with GreenbergFarrow’s design director and managing principal on a complete digital strategy overhaul. GreenbergFarrow’s new web presence needed to effectively communicate the breadth their services and accomplishments, while cleanly showcasing their work and capabilities.

As an international firm with offices and projects all around the world, the new site needed to be multilingual; launching in English and Mandarin, and cleanly anticipating additional languages as the company's international presence continues to grow. To adequately accommodate the wide range of contexts that visitors might be exploring the site from, we designed a full responsive solution to ensure an optimal experience across a wide range of devices.

GreenbergFarrow couldn’t be happier with their new site. With a newly honed digital communication strategy powered by a flexible content management system, GreenbergFarrow now has the tools they need to continuing crafting their digital presence through a framework that can easily grow their company.

Services

See it live

Joe Coffee

With eight locations (and more on the way), family-owned Joe Coffee has been praised as one of the best coffee shops in New York by Food & Wine, The New York Times, Eater, and countless others. At the Type/Code studio, great coffee might be the one thing we consume more of than craft beer, so reimagining Joe’s online presence was right up our alley.

Extending the Joe Coffee experience onto the web centered around a fully responsive website, designed to efficiently inform visitors of shop details (who’s that cute barista?), additional offerings such as catering and classes, a brand new blog, and a full eCommerce shop selling beans, merch, and a well-curated selection of coffee brewing equipment.

While thinking about how the Joe Coffee site should behave on smartphones, one of the strongest user scenarios we focused on was helping visitors-on-the-go find the Joe closest to them, and using geolocation to jump right to that shop’s details.

The response thus far has be wonderful, with lots happy customer tweeting their love for the new site, and eCommerce sales far exceeding expectations.

Services

See it live

Change By Us

Change by Us is a project that collects ideas for civic solutions, catalyzes project groups, and connects those groups to city and community resources. Using text messaging, a mobile website, and a full web application, New Yorkers can submit ideas and collectively work towards a more sustainable city.

Type/Code worked closely with the media design firm Local Projects and the City of New York to help evolve the project from its initial incarnation of Give a Minute, which had launched in Chicago, into a fully fledged platform for civic engagement. Change by us was presented by NYC Mayor Bloomberg as part of the PlanNYC initiative, and has now been launched in several cities throughout the country.

Recognition

Featured in MoMA's 'Talk to Me' Exhibit

Services

Mobile Development,
Interaction Design,
Frontend Development

Kohn Pedersen Fox

Type/Code was responsible for the concept, UX/UI design, frontend development, and localization for the global architecture firm’s new website, launched in early 2010.

After discussions with both current employees and third parties, a number of areas were identified in which their previous Flash-based website fell flat: it failed to express the voice of the firm, it did not highlight either the depth or aesthetic sensibilities of the firm’s work, it did not function well as a recruiting tool to either younger tech-savvy graduates or seasoned architects, it was counterintuitive to navigate, it failed to take advantage of current technologies, and it was so cumbersome for KPF’s marketing team to update that the content of the website had barely changed since the day it was launched.

Focusing on a clean, streamlined top-level navigation, the entire website can be accessed in a minimal number of clicks. Upon first arriving at the website, a striking full-frame photo or timelapse video greets the user, reinforcing KPF’s clean architectural design while enticing the visitor with examples of the firm’s best work.

Work on the KPF website was done while team members were in-house at KPF, and in collaboration with Aleksandra Sojka at KPF who was responsible for server development.

Accomplishments

As of 2012, the number of visitors to KPF's website (both unique and total) has risen over 60% since replacing the old version

Services

Art Direction,
User Experience Design,
User Interface Design

See it live

MoMA: de Kooning

We collaborated with design studio Kiss Me I’m Polish to create an exhibition website for the Museum of Modern Art’s retrospective on Willem de Kooning. To properly archive de Kooning’s work we needed to facilitate exploration across themes, periods and a dynamic timeline. We also needed to facilitate insight into his methods and materials.

The timeline view presented an interesting opportunity to map a large breadth of de Kooning’s work across both theme and time period through an interface that works seamlessly on both desktop browsers and tablets. Behind the scenes, Type/Code developed a powerful content management solution to allow MoMA’s curators to maintain full control over the site’s content.

Services

See it live

Google Books Publisher

Google reached out to Type/Code with some interesting product design challenges surrounding the overhaul of their Books offerings. What started as the ‘Books Preview Program’ which allowed publishers to efficiently index their libraries, evolved into a full eBook store on Google Play. As this new distribution channel opened up to the rapidly growing number of Android users, book publishers needed a better way to get their titles into the Play store, and manage their library and sales details.

We needed a solution that would allow large publishers like Simon & Schuster (with thousands of titles) to hook up their data feeds and set detailed pricing and global distribution options, while simultaneously enabling smaller publishers to batch-upload content and metadata from spreadsheets, all while still accommodating independent self-publishing authors who need to figure out how to sell their very first book through an intuitive interface.

Type/Code collaborated closely with the product managers and engineers on the Google Books team to completely rethink the publisher experience across this wide range of user groups, and ultimately redesigning the product from the ground up.

Our involvement in the project didn’t end with user flows and mockups; we rolled up our sleeves in dove in with the Google Books engineering team to help build out the interface, and launch the new version of the publisher portal.

Services

User Experience Design,
Frontend Development,
User Interface Design

Signpost

Signpost is a leading online advertising startup that connects local businesses with new customers. They offer a simple solution to help small brick-and-mortar businesses manage their online advertising, while making it easier for mobile and online publishers to source relevant ad content from these local businesses.

Type/Code worked closely with Signpost’s product team to completely redesign the Merchant Center where business owners create and manage their campaigns, track performance, and can leverage various self-promotion tools.

After helping to push out several core product improvements, Type/Code also redesigned Signpost’s marketing site, focusing on a content strategy that better communicated the service’s offerings across various customer groups, and giving the company's entire online presence an aesthetic consistency across their marketing materials and product interface.

Signpost’s merchant user base and online publisher partnerships both continue to grow, and with a solid series-A round of funding, Signpost’s revenue has been growing as well, by about 50% a month.

Services

Art Direction,
User Experience Design,
User Interface Design

inStream Solutions

Leveraging our consumer software design know-how, we helped give the Financial Advising industry a much-needed makeover. From re-thinking advisor’s work flows, to seamlessly integrating with existing tools, we have been working closely with inStream’s business development team to design and build the best web application that this industry has ever seen.

Through research, prototyping, and iterating, we have grown inStream from being just an idea, through multiple rounds of funding at rapidly growing valuations. But what we’re really excited about is all the happy advisors who are now providing better guidance to their clients, and now actually enjoy using the tools that help them excel.

In addition to leading the product design and frontend development for inStream’s web application, we have had the pleasure of crafting inStream’s brand and market position through their identity design, marketing website, motion design, and physical marketing materials.

Services

See it live

Edward P. Evans Foundation

Type/Code teamed up with legendary design firm Pentagram to help design and build a new website for the Edward P. Evans foundation. The Edward P. Evans Foundation has supported a variety of causes and made transformational gifts to such institutions and charities as Yale University Press, Yale University, Harvard Business School, the Warrenton Antiquarian Society, the National Sporting Library, Piedmont Environmental Council and various medical and equine charities.

The new website needed to be clean and content-focused, which left an opportunity to put some extra thought into interaction details and transitions, and making the entire site responsive so that it could adapt to a variety of screen sizes.

Services

Pagan & Sharp

Lucas Sharp is one of our favorite typeface designers, and Carlos Pagan is one of our favorite art directors, so when they decided to join forces as a type foundry and design studio, we were honored to have the opportunity to design and build their website.

The website needed to showcase their work as elegantly as possible, from the full breadth of each type family through the photographed details of their physical creations. The Typefaces section expands and contracts to reveal a dynamic ‘waterfall’ of algorithmically set word samples of the perfect length, and allows visitors to toggle between styles and sizes. The work section strikes a similar balance between browsability, and providing as much real estate as possible for project images. Under the hood, the site is driven by custom content management system that provides full control over the curation of typefaces and design projects.

Services

See it live

Connecting Light

When the Zach Lieberman of YesYesNo asked us if we were interested in collaborating on a large-scale digital light installation for the London 2012 Olympics, of course we said “yes.”

Connecting Light culminated in a massive installation, with hundreds of six-foot weather balloons, filled with LED lights transmitting colors from one-to-another, creating a communication network spanning the entire United Kingdom.

Audience members were invited to participate by sending personalized messages along the light-lined wall at a number of viewing locations, or through a web site and companion mobile application.

Type/Code designed and developed the desktop and mobile website, message submission process, and visualization to accompany the physical installation of Connecting Light.

Services

P.J. Clarke's

We teamed up with the branding and advertising agency Love and War to help re-imagine the online experience for one of New York's most legendary restaurants. P.J. Clarke’s holds a rich history, full of famous New York faces, and they have maintained their status as a classic N.Y. dining destination.

P.J. Clarke's new online presence needed to be clean and timeless, and tell their story while being functionally focused towards current customers. Type/Code built a custom content management system to allow menus, image galleries, and specific location details to be easily maintainable across P.J.’s six locations, allowing a rich set of content, coupled with a crisp design, to drive a compelling visitor experience.