The Mario Blog
06.20.2013—3am
Ottawa Citizen: When less is best in page design

TAKEAWAY: Today we turn to one page we like and tell you why. Welcome to this poster page design from Canada’s Ottawa Citizen.

TAKEAWAY: Today we turn to one page we like and tell you why. Welcome to this poster page design from Canada’s Ottawa Citizen.

blog post image

From time to time we see a page that captures it all: elegance, functionality, and that seduces in those first 10 seconds.

My friend and colleague, Pegie Stark Adam, has sent me this beauty of a page she designed to celebrate the upcoming Jazz Festival in Ottawa, Canada.

The Ottawa Citizen is part of Postmedia, a group that we are currently working with to unify the brand as well as storytelling across all the newspapers in the group. More on that as we advance with the project.

“What makes this page special?”, you may ask.

It has the three things that make design work well for a page:

– It attracts you to its contents in 10 seconds.
– It is simple and easy to follow: remember, less is best
– It fulfills the two important functions of visual impact and functionality.

Three questions for designer Pegie Stark Adam about her page

blog post image

Mario: Was this your first idea?

Pegie:

I did a few sketches, knowing that the editor wanted the Wynton Marsalis image to be dominant. I wanted to create the moody spirit and movement of jazz. Strong yet subtle. The type had to be direct and powerful, yet work in harmony with the images.

I tried a few different colors like red and blue as the background, but went with gold because I felt it reflected the mellow feel of jazz. It worked nicely with the black background in the photo and highlighted the golden trumpet.

The bottom of the page: Although subtle, I chose to stagger the images to reflect musical notes, or the trumpet buttons, moving up and down.

Mario: Did you work side by side with an editor?

Pegie:

I was working in Hamilton Ontario at our Postmedia hub, while Peter Robb, Deputy Editor, Features, was in the Ottawa Citizen newsroom. We communicated through email and sent pages back and forth for discussion. Yesterday I went into the newsroom to work side by side with him and Deputy Editor Carl Neustaedter as we put the finishing touches on the cover and the whole section.

Mario: What was the most difficult part?

Pegie:

The hardest part was to make sure the color and type presented just the right feel and spirit for the event. The gold could not go muddy and the type had to work in harmony with the images, and not take away from the high impact of the main photo.

The other challenge was to create something that looked ‘special’ and different from the every day because this was a wrap around the whole paper, and a guide to the event.

We also had to figure out how to tease to the rich online listings and content that the Citizen provided for the event, so designing a way to highlight that content was also a balance act, making sure the teasers were the right size and color, and were placed prominently.

The editors’ take on how the page came to be

Peter Robb, Deputy Editor, Features:

“In the past these sections have tended to be too busy in my opinion, with various elements competing for attention and none getting that attention. This time I wanted impact; I wanted immediate meaning and understanding and I wanted simplicity.

Hard to beat what Pegie produced.

“You should see page 2 and three. . .”

Carl Neustaedter, Deputy Editor

“We have a tradition at the Citizen to kick off the city’s major summer festivals and events, such as Jazzfest, Bluesfest and Canada Day, with a guide that wraps around the front section of the paper. Because this is what our readers see first on newsstands and doorsteps instead of our traditional A1 with news stories it has to pack a punch and make people look twice. Pegie more than delivered with this high-impact poster page that instantly captures the spirit of jazz. Like a good piece of jazz itself, her attention to detail in the high notes (big type and big photo) are in perfect harmony with the quieter notes at the bottom of the page.”

The myth about text on the cover

I may add that the fact that these editors did not insist that the designers put a lot of text on the cover is what saves the day.

For many editors, a page loses “gravitas” without some text to read on it. Nonsense, I say. Many different factors determine gravitas—-or the lack of it—-on a page such the photos chosen, the typography used, the page architecture and, of course, and extremely important, the colors. Without a word anywhere, these things provide us with a perception of the page and its contents.

This Ottawa Citizen page shows us how it can be achieved.

Thanks to Pegie, Peter, Carl and their team for sharing not just the wonderful page, but the strategy that led to it.

Another page we like today

blog post image

Our European blog correspondent, Frank Deville, sends us this page from Germany’s Bild, with another one of their interesting headlines, this time even in English, to celebrate the visit of President Obama to Germany and his meeting with Chancellor Angela Markel. It is this tongue in cheek attitude that keeps Bild a favorite with more than five million daily readers.

TheMarioBlog post #1275
Blog Post11.21.2017—1am
So 2017 was really NOT the year of video……
Blog Post11.20.2017—1am
The New York Times: the Spanish weekly
Blog Post11.17.2017—5am
Paywalls, storytelling highlight Latin American conference
Blog Post11.15.2017—5am
In Argentina: the hot topic is “paywalls”
Blog Post11.14.2017—1am
The NY Times’ Jobs Classified: Really?
Blog Post11.13.2017—1am
At The New York Times: a kids section on Sunday
Blog Post11.10.2017—12am
“I read it on Facebook.”
Blog Post11.09.2017—12am
The flow of a breaking new story in the mobile era
Blog Post11.08.2017—12am
When content hits the spot
Blog Post11.07.2017—12am
When hierarchy makes a statement
Blog Post11.06.2017—12am
When the advertising wraps around
Blog Post11.03.2017—1am
New Hebrew fonts from Typotheque
Blog Post11.02.2017—1am
Favorite branding logos? No surprises
Blog Post11.01.2017—7am
A New York terrorist attack on the front pages
Blog Post—1am
White (space) is the new trend for print
Blog Post10.31.2017—1am
Turkey: the jailing of an art director
Blog Post10.30.2017—1am
Need a job?
Blog Post10.27.2017—2am
The Economist & Snapchat Discover: Respecting young audiences
Blog Post10.26.2017—2am
The Wall: Get ready for the prototypes
Blog Post10.25.2017—5am
The New York Times’ website redesign: less is best and, please, sign in
Blog Post10.24.2017—5am
At The Washington Post, The Lily hits its own chords
Blog Post—5am
The Lily: new Washington Post product hits its own chords
Blog Post10.23.2017—1am
Coloring opinions
Blog Post10.20.2017—1am
Digital Media Conference: First Day highlights
Blog Post10.19.2017—6am
Speaking today at the North America Digital Media Conference
Blog Post10.18.2017—1am
Long narratives still have a coveted place
Blog Post10.17.2017—1am
Some good print-related news
Blog Post10.16.2017—1am
Digital Transformation: no newsroom is too small to attempt it
Blog Post10.13.2017—12am
WAN IFRA: the best of digital awards
Blog Post10.12.2017—12am
Taking your brand to where the young audience is: Instagram
Blog Post10.11.2017—1am
Multitaskers consume more media
Blog Post10.10.2017—12am
Germany’s Sūdkurier: workshops for digital transformation
Blog Post10.09.2017—1am
In Spain’s El Mundo: native ads
Blog Post09.29.2017—1am
For newspaper publishers, not much to sing about?
Blog Post09.28.2017—1am
Interesting reference about new digital story formats
Blog Post09.27.2017—1am
It’s a new mobile-focused redesign for salon.com
Blog Post09.26.2017—1am
Three things that caught our eye
Blog Post09.25.2017—1am
Paywalls & newspapers: from leaky to hard ones, and in between
Blog Post09.22.2017—4am
Mexican earthquake: front pages tell the story
Blog Post09.21.2017—1am
Saying adios to The Village Voice in print
Contact us with speaking requests, questions or to discuss a project.