The New Republic launches mobile-centric redesign

Ben Moss.
November 14, 2015
The New Republic launches mobile-centric redesign.
To mark its 101st birthday this month, and following on from a redesign of its print version this Summer, America’s oldest liberal political magazine, The New Republic has launched a redesigned website. TNR reaches over 7 million readers each month, via newrepublic.com, and across social media. And whilst its readers are typically thought of as older, over 4 million of its online readers are aged under 45; more than 2 million access the site exclusively on smartphones. So it makes sense that TNR’s redesign takes a largely mobile-first approach: panels, adverts, and even navigation have been stripped out for a streamlined reading process; it’s so minimal it might even be called sparse.
We've historically appealed to a pretty traditional demographic, but we're now making a concerted effort to reach out to a much younger and diverse group of people…and the data says those people are more likely to read our site on mobile phones. — Chris Hughes, The New Republic

The main navigation on the new TNR is infinite scrolling; when you reach the bottom of an article, the next article loads, mimicking the continuous reading of a social media news feed; perhaps not surprising as TNR’s main shareholder since 2012 has been Chris Hughes, co-founder of Facebook. mobile All other navigation has been hidden away behind a hamburger menu, not just on mobile, but desktop as well. It’s an assumption — albeit a popular one — that younger users recognize a hamburger menu, and it certainly alienates less experienced users. The usability of hamburger menus is a contentious issue, but they demonstrably obscure the available options for users; hamburger menus are always mystery meat navigation. In the case of TNR, the hamburger menu has been used because they had to use something. It feels very much as if it’s been slapped on the desktop because it had already been designed for the mobile version. Concealing items like ‘Advertise’, ‘Contact’, and ‘Jobs’ is one thing; hiding major content sections like ‘Politics’, ‘Culture’, and vitally the ‘Subscribe’ link is another. Even the search function — which many users turn to as a primary navigation tool — has been hidden away. Where the TNR redesign does work is its focus on content. The designers have approximated the typography of the print version, with both display and body text using Lava, and info text using Balto. tablet The site has received a significant speed boost, by dropping Drupal, and replacing it with a custom-CMS. And the frontend feels crisp and responsive having been built with ReactJS. The big problem with the TNR redesign, isn’t so much that it’s mobile-first, as mobile-only. Whilst desktop browsing may be on the decline, a desktop is not simply a big smartphone, and just as ignoring mobile five years ago cost you 20% of your audience, ignoring desktop now will cost in excess of 40%. Images use device mockups image, via Shutterstock.

Ben Moss

Ben Moss has designed and coded work for award-winning startups, and global names including IBM, UBS, and the FBI. When he’s not in front of a screen he’s probably out trail-running.

Read Next

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…

6 Best AI Productivity Apps in 2024

There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…

3 Essential Design Trends, February 2024

From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to…

Surviving the Leap from College to Real-World Design

So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…

15 Best New Fonts, February 2024

Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative…

The 10 Best WordPress Quiz Plugins in 2024

Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great…

20 Best New Websites, February 2024

It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.

Everything You Need to Know About Image Formats In 2024

Always trying to walk the tightrope between image quality and file size? Looking to branch out from JPGs and PNGs this…