The Mario Blog
New Los Angeles Times website: innovative, inspiring

It's an aesthetic treat, functional and appropriate for what the  Los Angeles Times stands for. We take a look at this textbook case study of how the modern newspaper website should look.

Update #1: While flying Charlotte to New York City: Wednesday, May 7, 08:38

The new LA Times website: across platforms, responsive design

I was on my way to take a tour of the new Los Angeles Times website, but bumped into the Etihad Airlines ad and also took a tour of their  much viewed “suites” called The Residence: the world's first three-room cabin in the sky .

Both are innovative and inspire lean-back behavior.

Stretch out in one of those gorgeous beds Etihad is promoting, and, more importantly, relax and study what the Times has achieved with their newly unveiled website.

Exquisite comes to mind. Not a word I use often, and definitely not to describe newspaper websites. 

Here, utility meets aesthetics like we have not seen in a newspaper website in a long time. Easy and pleasant on the eyes but with a sense of urgency. Who said these two things could not be achieved at the same time?  

If Spring Cleaning is the time to clear out the clutter, those folks at hired a full cleaning crew to do theirs.

White space makes an entrance and we welcome it: between labels and headlines, between headlines and summaries, and all around.

Let the eyes lean back while our minds lean forward: a combination that every web designer must remember.

Navigation is fun and innovative: I like the visual browser–touch it and you can navigate by photos in a mosaic. Nice touch.

The three essentials of website design

Find your neighborhood news

Sharelines: clever feature

Easy to find related stories

All good editorial design emphasizes appropriateness, a point of view (attitude?), and that instant moment where we associate the look & feel with the product. The new excels in all three:

Appropriateness: The Los Angeles Times is an iconic daily newspaper. It is produced in Hollywood. It has a rich journalistic history. The new website says all of this in five seconds.

Point of view: Along the same lines, we see how the content flows here; I like that you can type the name of your neighborhood and explore relevant stories in it. Try Malibu! The point of view of an authoritative publication rings true here. One of the panels on the home page leads to The Homicide Report (just type in your neighborhood to get the data).

Look & Feel: It is elegant, classy and it reminds us that the Los Angeles Times is the newspaper for anyone who likes a serious, credible (but fun) read, highlighting its best writers with their photos in Times' Voices. It reassures us, with a section called LA Now, that it is all about the “now,” the latest news, in addition to all the other surprises its content offers.

In the “Uniqueness” department, there are two features I like a lot:  In Case You Missed It for those stories that may have passed us by, and Sharelines, a cool feature providing pre-composed tweets and Facebook posts for sharing stories we like (send it to friends, or post on social media).

The best surprise, in my view: that in 2014 a newspaper the size of the Los Angeles Times can stop and rethink its website to offer us a textbook example of how it can be done. From its sense of hierarchy, starting with Top News, to its iconic typefaces, LA Headline (Kis) and Belizio, to the layering of content and use of white space, every newspaper website designer should take a look.

While at it, and if you are a frequent traveler with me, picture yourself leaning back on one of those Etihad three-room cabins in the sky.

Two win win situations, the and Etihad's three rooms with a sky view. Three wins if you count the revenue generated by the LA Times while fronting its new website with the Etihad advertisement.

Another view on from the great Roger Black

Roger Black wil/l be my lunch companion today, as he visits New York City from his new home in Hong Kong: I asked him his thoughts about the new


On the whole the typography is too heavy and too big. The attempt to leaven it with white space, just slows you down. The basic stacking here is oddly confusing. When you actually get to a story on mobile, there is so much other stuff at the top (e.g., FB and Twitter sprites), that you are disinclined to read it.

There seems to be differentiation in the templates for opinion stories or features.
The visual browser is a good thing, but why does it go sideways, when everything else is vertical?
Had not thought that the strong and elegant display face designed by David Berlow for the Los Angeles Times, FB Kis, could be made to look lifeless and conventional.. But they succeeded.

Of related interest:

The Los Angeles Times reimagined


The evolution of the LA Times

TheMarioBlog post # 1481

Blog Post03.27.2017—1am
Financial Times: new look, new campaign (with readers as the main event)
Blog Post03.24.2017—2am
Mobile, news and Latin America: highlights of a conference
Blog Post03.23.2017—1am
For journalism students: learning about linear/visual storytelling
Blog Post03.22.2017—1am
Then we had 37 minutes to devote to print
Blog Post03.21.2017—1am
CNN Reliable Sources: the ultimate media briefing
Blog Post03.20.2017—1am
Netflix explores mobile-specific cuts of its series–and so should we
Blog Post03.17.2017—1am
These things caught my eye
Blog Post03.16.2017—1am
The Financial Times needs to make text type bigger
Blog Post03.15.2017—1am
Gulf News launches REACH by Gulf News
Blog Post03.14.2017—2am
Architectural Digest: Just call it AD
Blog Post03.13.2017—12am
Print to dust: The Tampa Tribune
Blog Post03.10.2017—2am
Wall Street Journal: “The Face of Real News”
Blog Post03.09.2017—2am
Inspiration is everywhere
Blog Post03.08.2017—2am
The new ad positions
Blog Post03.07.2017—2am
At The New York Times: when digital influences print
Blog Post03.06.2017—2am
Key centerpieces for discussion of media today
Blog Post03.03.2017—2am
It’s a new Type magazine
Blog Post03.02.2017—2am
Forget clicking, hello scrolling
Blog Post03.01.2017—2am
From Spain: a hard look at print and why it suffers
Blog Post02.28.2017—3am
Washington Post surprises with new slogan
Blog Post02.27.2017—2am
La La Land: the posters are winners, too
Blog Post02.21.2017—3am
In Dubai: Gulf News launches Sponsored Content
Blog Post02.20.2017—2am
Newsroom technology survey: important to participate
Blog Post02.17.2017—8am
Trumpian front pages
Blog Post02.16.2017—2am
Ties that bind: storytelling, design, coding
Blog Post02.15.2017—2am
Wanted: A Bring-Back-the-Copy Editors campaign
Blog Post02.14.2017—2am
Trump chaos incites newspaper marketing strategies
Blog Post02.13.2017—2am
In the era of fake news, fake photos?
Blog Post02.10.2017—6pm
The Economist does it again
Blog Post02.08.2017—1am
Voices in the news
Blog Post02.07.2017—2am
The quickly disappearing art of copy editing
Blog Post02.06.2017—2am
Some of my favorite e-mail newsletters
Blog Post02.03.2017—3am
Behold the Apple Watch : it’s still here, going strong
Blog Post02.02.2017—3am
News as a 24-hour event
Blog Post02.01.2017—3am
Visual storytelling innovation: key to progress in 2017
Blog Post01.31.2017—2am
Digital Design Challenge: Those article pages move up front
Blog Post01.30.2017—3am
Pages we like: Spain’s ABC
Blog Post01.27.2017—2am
It’s a new sports printed newspaper in Germany
Blog Post01.26.2017—3am
The new Axios: worthy of a look
Blog Post01.25.2017—3am
Mobile storytelling: fast, furious and simple
Contact us with speaking requests, questions or to discuss a project.