attck-black404 copyPage 1Page 1Google_-G-_Logo.svgicon-launchicon-planeTriangle Copy 6arrowGroup 9 Copy 2Page 1

Subway Reads

Design & Development

DESIGN IN TRANSIT

If you’re on the New York City subway this month and you want to see our work, follow one easy step: Connect to TransitWirelessWiFi.

ATTCK partnered with New York’s Metropolitan Transportation Authority (MTA) and Literacy Partners to produce this year’s Subway Reads, an annual campaign that many New Yorkers already know well.

Now in its third year, Subway Reads offers free reading material aplenty to all commuters with a Wi-Fi connection. The selections, drawn from over 200 books, include everything from poems by Walt Whitman to short stories by Flannery O’Connor. Book excerpts run the gamut from Patti Smith’s memoir and recipes by Joanna Gaines to I Am Malala and Notorious RBG.

PREPARING FOR THE TRIP

Subway Reads does much more than help riders pass time on the train. It publicizes and raises funds for Literacy Partners, a nonprofit whose mission is to make reading and literature accessible to all.

When they’re not busy gathering reproduction rights from over a dozen publishers, Literacy Partners offers free literacy classes to low-income and immigrant parents. It then encourages reading across generations by providing parents with a home library of 15 age-appropriate books for each of their children.

Now the MTA and its riders are benefiting from a wealth of things to read, and Literacy Partners is benefiting from the donation link on the Subway Reads website. Everyone wins.

Sounds simple. But it took a lot of work.

An initial hurdle arose when our project—initially to design and build a highly optimized website—expanded to include importing and cleaning text from various publishing houses. One publisher sent us a .zip file with Word documents that weren’t HTML-friendly. Another provided us with HTML markup, but it wasn’t well formatted.

The solution: to “scrub” each of the files and create optimized HTML markup for each text. We were happy to get our hands dirty.

AVOIDING UNEXPECTED DELAYS

Content aside, what’s the first thing you need when you’re building a website to meet the needs of a bustling metro system? Speed, and lots of it.

Anyone who’s used the New York subway knows that the stations provide ample Wi-Fi. The tunnels between the stations don’t.

In order to prevent any interruptions in commuters’ reading experience, the Subway Reads site needed to load nearly immediately upon connection. That required us to modify WordPress in a way that heavily compressed images and produced a highly optimized and pared-down set of HTML markup. To ensure minimal third-party script, we used almost no JavaScript frameworks.

OUR PARTNERSHIP WITH WP ENGINE

Of course, you can build a site to be really small, but you need the right server to make it fast. WP Engine, a dedicated web host, provided us with a high-availability enterprise hosting solution and an interface that allowed us to manage multiple domains with one-click deployments. They went above and beyond to connect us with the right people and to offer server configurations to meet our project’s needs.

Once we paired our highly optimized code base with a high-availability server, the result was a perfect 100 score on Google’s benchmark PageSpeed Insights test. We tested on a platform called GTmetrix and, once again, scored a perfect 100.

The MTA told us they’d never seen a perfect 100 before. To say they were happy is an understatement.

RUSH HOUR

To further ensure a smooth user experience, the Subway Reads website and the texts themselves needed to do more than load quickly. They needed to stay put.

Using technologies like local storage and a cache manifest—just a couple of the different JavaScript and web browser technologies used for this purpose—we produced a progressive web app, or PWA, that loads nearly immediately and downloads itself to users’ devices. Once downloaded, the app can be accessed offline and still maintain functionality.

Once you’ve got it, you’ve got it.

MAKING A GOOD CONNECTION

To fulfill a last-minute request, we independently load-tested the site to ensure support for up to a million users, with 50,000 of them concurrent at any given time. Concurrent user tests require a highly sophisticated form of virtualization across the network of cloud devices, with an internal reporting structure to record distinct benchmarks in page load time, time to render, and so on. We found a load-testing provider and, in one weekend, ensured that we could meet the demands of New York’s subway ridership.

MAJOR NYC SUBWAY AD COVERAGE.

When Literacy Partners had to create a compelling, stylish, on-brand, fast-loading site for a reading promotion campaign to be done in partnership with the New York City Metropolitan Transit Authority (Subway), Transit Wireless (the Subway Wifi Provider) and 13 of the City’s leading publishers, in a matter of 2-3 weeks, we turned to ATTCK. ATTCK ‘attacked’ this project with vigor, turned it around on-time, fluently and delicately dealt with challenging stakeholders with competing needs and demands, and created an engaging, fast-loading, and easily adaptable site that is getting upwards of 4000 hits a day.

Emily Harting

Literacy Partners

ON THE RIGHT TRACK

Subway Reads presented numerous technical challenges, and ATTCK rose to each with aplomb. From the sleek, attractive website to the posters adorning subway trains, everything went off without a hitch.

ATTCK doesn’t just meet expectations, though. We exceed them.

Go to the website and you’ll notice the trimmings. Those icons next to the section headings? Each features a unique hand-drawn illustration: a palette and paintbrush for “The Art of Reading,” an apple for “New York Stories.”

At ATTCK, we like to call these our grace notes. They’re the flourishes, the finishing touches, the little winks that our clients have come to expect. They’re the extra level of detail and care that set our team and our work apart.

We may be small, but we pack a punch. Want motion design? We can do it. Graphic design and illustration? We’ve got you covered.

A top-performing web experience for the most demanding clients in the busiest metro system in the country? 100% success.

Not planning a trip to New York anytime soon? Don’t feel left out. You can see how ATTCK goes above and beyond—and catch up on your reading—at Subwayreads.org.

RELATED CASE STUDIES

Close

Start your project

hello@attck.com

0 months

$10K – $500K

Back
Next
Close

Thank you!

We will be in touch soon.

Close

Thank you!

Please check your email to confirm your subscription.