NaNoWriMo

We’re always excited to meet new clients. But we admit, when NaNoWriMo (National Novel Writing Month) appeared in our inbox, the cheers in the office were extra loud that day. For the unfamiliar, NaNoWriMo began as a grassroots community of writers aiming to write a novel in the month of November; it’s now a full-fledged nonprofit organization that supports a variety of programs, including an online goal tracking platform and community. NaNoWriMo came to us looking for an update to their beloved, but outdated, platform and website.

The Challenge

A site that can handle more events, more users, and more devices

What started as a single event in November evolved to include multiple events throughout the year. As their organization grew, so did their user base. The redesign had to handle more events, more (and more diverse) users, and more devices. And it had to do all this without leaving the old brand too far behind, as the most devoted users in the world were extremely protective of it.


The Solution

Extensive stakeholder interviews for an extensive PRD

The first page in the story of the new NaNoWriMo was written with a week-long stakeholder interview and brainstorm session in their Berkeley, CA headquarters. Studio Simpatico worked with their team to help define what they currently were and what they wanted it to be. It was a thin line to walk as their site is home to perhaps the most devoted users we’ve encountered. Any updates would have to truly improve the experience. To ensure this, we worked closely with them for the following month to articulate everything they wanted to build in a PRD (product requirements document). We drew inspiration from our favorite books, their history, and even from fitness apps — a new twist on their goal-oriented brand.

Updating look and feel without losing soul

We couldn’t get rid of the iconic Viking horns. That much was clear. But updating the look and feel of NaNoWriMo while still making it feel like home to users meant some changes had to be made. Through the careful hybridization of modern design cues with the pleasantly-dusty calm of a familiar library, we reached a the visual harmony they were looking for. It looks how an old book on a new desk smells. 

We used background patterns and drop shadows, and varying border styles to retain the familiar and tactile look and feel of NaNoWriMo.

 

To make the interface welcoming and exciting, we adopted an illustration style that was vibrant and dynamic, often with visual elements extending beyond their boundaries.

 

We upgraded the artwork for NaNoWriMo’s achievement badges, and created some new ones along the way!

New site functions for a new NaNoWriMo

The new, broader NaNoWriMo demanded more functions from its site. Users would be planning events year round. They also would be writing more on mobile devices and spending more time interacting with one another on the site. All of this functionality was scoped, built and optimized by Simpatico with a careful eye toward maintaining the core experience. UX, site architecture and copy were optimized for intuitive navigation, and new functions were added where needed.

“[Studio Simpatico] kept our goals in mind and pushed us to clarify our vision for certain features. The team then measured deliveries against our user feedback. As a result, we were very happy with the design; it was beautiful and functional.”

Timothy Kim, Program Director at NaNoWriMo

A new marketing site for the new NaNoWriMo

The successful partnership in creating the updated Nanowrimo spun off an additional page: a marketing site. Until this year, Nanowrimo had grown organically. With their user base increasing, and word of mouth spreading faster than ever, they required a marketing site for those unfamiliar with the organization to learn more and sign up. The refreshed look and feel extended seamlessly to this digital front door, completing their digital renovation. Both the marketing site and the new product design are currently in development.