Case studies · 5 · Selected projects · 13

Work

Words and design, built together. Here's what that looks like on real projects.

Designing for Emerging Technologies, The Future of Product Design and Beautiful Data standing on a wooden table

Case study · Publishing

Designing for Emerging Technologies

Publisher
O'Reilly Media, 2016
Role
Lead author and editor

A field guide to the future.

The challenge

Emerging technologies change faster than books get written. The field needed a guide that practitioners could use, written by people actually doing the work.

What we did

Jon conceived the book, recruited and edited its contributors, and wrote its framing chapters. The job was editorial architecture: many expert voices, one clear through line.

Outcome

Designing for Emerging Technologies became a product design course curriculum staple at universities and was translated into multiple languages, including Chinese.

Case study · Culture

The Nureyev Legacy Collection

A home for a dancer's archive, built around a book.

Client
Nureyev Legacy Project
Services
Experience design · Visual design · Content integration · E-commerce

Outcome

Bronze

2008 Horizon Interactive Awards, selected from more than 1,000 international entries.

The challenge

The Nureyev Legacy Project preserves Rudolf Nureyev's legacy through rare photographs and texts from the New York Public Library's archives. With its book Life Behind the Metaphor in print, it needed to move from building anticipation to selling and sharing its work.

What we did

Over nearly two years, the site grew with the mission. First came pre-launch sites to build interest in the book. Then a full collection site where ballet fans and collectors research and buy books, museum-quality prints, and original stage and costume drawings from Nureyev's 1978 U.S. tour. Blog content feeds in automatically to keep the collection current.

Case study · Technology

Localytics

Client
Localytics (TechStars Boston)
Services
Product strategy · Information architecture · Interaction design · Visual design · Marketing site

Making mobile analytics legible.

Localytics charts view with filter menu and stacked session bars, shown on a tablet

The challenge

Localytics built a powerful analytics engine for mobile apps. The product could do a lot. New users couldn't tell what. The team needed an interface that revealed depth without overwhelming anyone, and they needed it fast.

What we did

We started with a product architecture session with the founders to define the whole interface. Then we sketched, iterated, and delivered build-ready screens. We also designed the public website, which launched as the company's profile was rising.

Outcome

  • Finalist, 6th Annual MITX Technology Awards, Analytics & Business Intelligence
  • Presented at the TechStars 2009 Investors Evening
  • Named “Most Likely to Be Acquired” by Boston Globe columnist Scott Kirsner

Case study · Architecture

Clarke Caton Hintz

Client
Clarke Caton Hintz, architecture firm
Services
Content structure · Redesign · Custom publishing tool

225+

pages the client now tells its own story on.

Clarke Caton Hintz home page with notable projects and recent news, shown on a tablet

The challenge

A long-time client needed its large portfolio site to put the firm's achievements up front, read well on modern screens, and stop depending on outside help for every update.

What we did

We redesigned the front end for legibility. We rebuilt the 225-plus pages on a structured foundation that links related content automatically. Then we designed a browser-based publishing tool, with live previews, so non-technical staff can edit text, add photos, and manage portfolio, staff, and news pages themselves.

Outcome

A firm that owns its own story, with tools designed for the people who use them.

Case study · Commerce

Gazelle

Client
Gazelle
Services
Information architecture · Interface design · Visual design

A complete selling flow in a widget.

Gazelle widget step two, Get an offer, with condition questions and a Calculate button, shown on a tablet The Gazelle widget on a tablet among old phones, music players and game controllers
  1. Choose an item
  2. Get a price
  3. Enter shipping

The challenge

Gazelle buys used electronics from consumers. Through Gazelle for Good, it wanted nonprofits to embed the service on their own pages and raise funds. That meant a full selling flow in a standalone widget.

What we did

We mapped every state of the widget with Gazelle's product team, then wireframed the flow. We delivered designs the engineers built directly.

Outcome

A self-contained experience any partner could drop into its site to turn old electronics into donations.

Selected projects

Design · Writing · Development

Jonathan is our go to designer who has turned around several important projects within a very short time frame. He listens to what we want and then improves on our ideas. His work has specifically helped us close new business.
Mark Magnacca · President, Insight Development Group

Your project next.

Start a project