The Mario Blog
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?


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?


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?


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 Post06.28.2017—1am
Tablets are nice, but those smartphones dominate
Blog Post06.27.2017—12am
Goldman Sachs and the economics of design
Blog Post06.26.2017—1am
Trump, lies and storytelling
Blog Post06.23.2017—1am
Here’s Exchange, the new Frere-Jones font: it projects calm, authority
Blog Post06.22.2017—1am
The word “redesign” should be retired
Blog Post06.21.2017—1am
IAPA’s Digital Summit 2017 opens today in Miami
Blog Post06.20.2017—1am
Senior citizens read news on their mobile platforms! Surprise!
Blog Post06.19.2017—1am
Italy: we create new logo for The Post Internazionale
Blog Post06.16.2017—1am
Forget the one headline fits all theory!
Blog Post06.15.2017—1am
Change in newsroom goes beyond just a protocol statement
Blog Post06.14.2017—12am
Telling the story with just quotes
Blog Post06.13.2017—12am
How US front pages displayed the Comey story
Blog Post06.12.2017—12am
Making those complicated Washington political stories more visually interesting.
Blog Post06.09.2017—1am
Attracting young audiences (2)–Snapchat Discover
Blog Post06.08.2017—1am
Montreal’s La Presse+ says adieu to print!
Blog Post06.07.2017—1am
Attracting those younger readers (1): one gift subscription at a time
Blog Post06.06.2017—1am
The battle for your ears
Blog Post06.05.2017—1am
Quick ways to tell stories
Blog Post06.02.2017—1am
Garcia Media turns 25!
Blog Post06.01.2017—1am
It’s social media the publisher
Blog Post05.31.2017—1am
Before you get the room, read the Airbnb Magazine
Blog Post05.30.2017—1am
It’s a new homepage for The Atlantic
Blog Post05.26.2017—1am
New book: Designing for Touch
Blog Post05.25.2017—1am
Medium redesigns homepage: curated content is the key
Blog Post05.24.2017—1am
It’s the new storytelling, the new editing, the new design
Blog Post05.23.2017—1am
Millennials and their obsession with their phones—publishers, take note!
Blog Post05.22.2017—1am
Spiegel Daily: the German magazine’s new product
Blog Post05.19.2017—1am
Another day, another Trump bombshell for the front pages
Blog Post05.18.2017—1am
From digital to print: another example
Blog Post05.16.2017—6am
Trump bombshell news lands on the front pages
Blog Post—1am
For The Guardian: one contributor at a time
Blog Post05.15.2017—1am
The New York Times banks on kids: never too early!
Blog Post05.12.2017—1am
Good guide to e-newsletters that catch the reader’s attention
Blog Post05.10.2017—2pm
The firing of the FBI Director on Page One
Blog Post—1am
Sarasota Herald Tribune gets new look
Blog Post05.08.2017—8am
The Macron victory in France through the front pages
Blog Post—1am
Tony Awards: And the winner so far…..
Blog Post05.05.2017—1am
And now Dubai has its own font!
Blog Post05.04.2017—7am
The NYTimes’ Sketchbook: great visual solutions
Blog Post05.03.2017—1am
The luxury of paper
Contact us with speaking requests, questions or to discuss a project.