Contact

FiftyTwo

2020-21 Digital Media Publication

A weekly online magazine. We created a visual editorial guidelines, and designed website.

Fiftytwo About Page
Web & Editorial Design
Web, Mobile
  • webby honoree 2022 - magazine

In 2020, we partnered with All Things Small to design their online magazine, FiftyTwo – a long-form journalism platform publishing one story a week from the Indian subcontinent.

Our task was to bring this modern digital publication to life while preserving the feel of traditional editorial storytelling.

FiftyTwo

Strategic layout for homepage

FiftyTwo’s publishing model revolves around a new story each week. To make homepage a hub for this ever-evolving grid of stories, we developed a layout that accommodated this progressive release schedule. Our goal was to ensure that both new and old stories were discoverable while maintaining an engaging user experience.

media assets
Story hero design with custom color bg to match its theme, ensuring an immersive reading experience.
empty states for ninety-one
”Paradigm Shift” story collection in partnership with Microsoft
empty states for ninety-one
Bold logo by Bombay Duck Designs inspired motifs used in website.
media assets
Season-wise archive to access older stories
Editorial-inspired design

Typography played a critical role in shaping the visual language of FiftyTwo. Drawing inspiration from physical editorial magazines, we employed bold, stylish typography to give the platform a modern feel.

The About page set the tone for the rest of the site, using large, impactful type and creatively integrating square element from FiftyTwo’s logo in various visual treatments.

We wrote a detailed account of our selection process for typefaces in The Sans Selection on our blog.

Membership landing page hero continuing large typography from About

FiftyTwo offered membership plans, granting subscribers access to behind-the-scenes content and exclusive stories. Our designs included a fitting landing page as part of an end-to-end membership flow, showcasing the benefits and features of being a member.

Membership landing page hero continuing large typography from About
media assets
Membership Upsell page for 52
empty states for ninety-one
Personalized post-membership subscription page
Subscription Benefits
Subscription Benefits
Subscription Landing page
Subscription Landing page

FiftyTwo Stories

FiftyTwo commissioned stories before Covid as multi-format reads—video, audio, data viz, interactive elements. By the time the stories were ready and being designed, Covid restrictions meant that the original editorial ambition of using real-location images had to be curtailed.

With the FiftyTwo team, we came up with an editorial plan to use illustrations as covers and build a house style. These illustrations by Akshaya became very popular with people comparing them with New Yorker.

media assets
Story hero design with custom color bg to match its theme, ensuring an immersive reading experience.
empty states for ninety-one
Brown Hunters & Hologram - cover images designed by Akshaya
cover for storm catchers story
Our visual designer Bhavya made this cover for story made in collaboration with Microsoft about the role of AI in weather prediction.
Storytelling Design for Long-Form Reading

FiftyTwo stories spanned a wide range of topics and were long-form in nature, ranging from 6,000 to 30,000 words. To enhance the reading experience, we implemented several design techniques to create visual anchors and relief points; and enhance navigation within the stories.

blockquotes
blockquotes act as visual reference points, relief, and add bold visual interest to long-form text
empty states for ninety-one
Table of content allows readers to get an overview of the story, while being a navigational help
story credits
story-credits celebrate the entire team behind it
large and bold drop-caps
Bold drop-caps as another visual anchor
soft email wall
soft email wall
image layout variations
Various image layouts, added to the richness of storytelling
Video component for stories
Video component for stories
Audio component for story narration
Audio component for story narration
story credits
Typography stylesheet for stories
large and bold drop-caps
Infographics designed for Collision story

For more featured stories, we introduced the concept of custom hero sections, which provided a thematic introduction to each narrative. We created sample designs for these story heroes as inspiration.

Rabkavi-Banhatti cover
Rabkavi-Banhatti cover showing the bridge between the two places made with the spool of saree thread
Check and mate
Check and mate.
Blog

In addition to the long-form stories, we also designed blogs that gave readers behind-the-scenes looks into how stories were crafted.

media assets
Behind-the-scenes listing page
empty states for ninety-one
Behind-the-scenes article design

FiftyTwo’s design now reflects its mission of bringing in-depth, long-form journalism to life while offering readers an enjoyable and cohesive experience. Through careful typographic choices, strategic use of grid layouts, and the integration of immersive storytelling techniques, we created a visually rich, engaging platform.

We strengthened FiftyTwo’s brand identity, creating a scalable, future-ready digital solution for their growing readership.

credits —

Design

Kasturi, Manaal, Tejas