Globe And Mail

The Globe and Mail Adopts a Responsive Philosophy

The most read newspaper in Canada, The Globe and Mail is a global brand. It is revered and respected worldwide, and attracts more than 6 million unique visitors every month to its digital platforms.

In late 2014, the publication called on Code and Theory to help them create and execute on a new vision for their digital product suite.

Rather than doing a single wholesale change, The Globe and Mail started with its iPhone and iPad apps. Typically, when news organizations move to a responsive platform, they begin with the browser. In tackling its native apps first, The Globe and Mail had committed to applying a more seamless, responsive philosophy across every platform, and investing in a single editorial workflow.

1

Embedded in the Newsroom

Before any concepting began, Code and Theory embedded themselves in the publication’s Toronto newsroom.

During that discovery period, Code and Theory met with stakeholders from every department and identified three primary segments of Globe and Mail readers:

Market Watchers: The readers who use The Globe and Mail to find actionable financial news and data.

Upward Urbanites: Those who seek out information that will help them stay in-the-know about news and players in a particular industry.

Digital Information Seekers: A group that come in through social networks, particularly Facebook and Twitter, who are likely to share an interesting story.

2

A Design That Speaks for Itself

Some traditional news organizations don't the opportunity to let design present a clear narrative to their readers. They’ll typically rely on posting an endless list of stories and headlines, forcing the user to decide what's important and what’s not.

In redesigning its apps, Code and Theory worked with The Globe and Mail to create a much more captivating experience—one that would convey a purposeful narrative through color, contrast, density of content, and even motion.

We thought, ‘What if the apps were seen not as just a vehicle for disseminating content, but a powerful tool to enable readers to get the information they need, at the right moment, in the right context?’” - Code and Theory Creative Strategy Director Matthieu Mingasson.

Finite but Connected

We designed a specific narrative for The Globe and Mail’s audience. We wanted the experience to be perfectly suited to business and thought leadership—a “finite but connected experience” that encourages curiosity. The idea was to give users a sense of completion, and provide them with the most relevant and insightful stories at any given time.

On the newsroom side, editors are able to prioritize and limit the number of available articles on the app so that the user is presented with a curated reading experience.

The Report on Business section, for example, gathers up everything the reader needs to know in a compact, business-only package. Editors curated these sections by following two responsive timelines—one for day-parting (e.g., morning, lunchtime, evening, and weekend), and the other for real-time moments (e.g., before market, during market, breaking news, and after-market closing).

Globe&Mail


A Unique Browsing Experience

The browsing experience is made for tactile devices. It is fast and non-linear. Users can choose to rapidly swipe across each section to quickly grasp what’s important today, or scroll down a specific section to gather more in-depth information about a topic.

Market Data is available transversally at any point of the experience—users can simply tap the always-available Market icon and the information is displayed.

Globe&Mail

Creating Meaningful Relationships

Readers don’t look to The Globe and Mail as a content distributor, but rather as a trustworthy, reliable source of insight. The added value of modern journalism is to tell readers why a piece of news is important, why it’s relevant, and how it’s connected to the broader news cycle. We designed a personalization strategy for The Globe and Mail to better connect stories for readers, provide more context, and adapt to the user’s own consumption mode.

On the new apps experience, personalized content packages dynamically adjust based on the user’s location, time, choices and preferences overtime.

Globe&Mail
Globe&Mail

3

Responsive Content Flow

Responsive design doesn’t just refer to the look and feel of a product—it refers to the entire experience, including editorial workflow.

Code and Theory worked closely with The Globe and Mail as they improved their CMS capabilities and refined editing workflow to improve content distribution.

By applying a responsive approach to design in a native environment, we enabled the system to distribute one single editorial workflow on two different devices, and provide an optimal experience on each.

Globe&Mail

4

A Focus on Mobile

Not long ago, news apps were seen only as accessories to the main website. With the launch of its iPad and iPhone apps, The Globe and Mail proves it doesn’t see things that way.

The launch represented the first step in the brand's larger commitment to better understand their readers, and offer products that are more beautiful, responsive, and connected.

Globe&Mail

Driving B2B Growth

Partnering with some of the world's largest companies to fuel their business-to-business expansion.

Tipico Featured Module
Tipico

Succeeding on a Mission to Win Ohio

AOR leading an integrated campaign to capitalize on the moment and bring Tipico to market.

Read More
  • Challenging category conventions to create a differentiated connection with audiences
  • Speaking with Ohio sports fans the same way they speak to each other
  • Working in an Integrated Agency team to connect through all media channels, including the app

Evolving E-commerce to Fit Modern Audiences

We are shaping the digital transformation of the industry by creating strong connections between audiences and brands.

Screen Shot 2023 03 01 at 11 14 04 AM
Marriott Bonvoy

Reimagining Marriott Bonvoy as a Hub for Travel and Commerce

Evolving Bonvoy’s design system to be more modern and immersive while staying true to the core strong brand identity.

Read More
  • Mobile-First
  • Contextualized Conversion
  • Flexible Design and Content Systems

Leading With Empathy and Inclusivity

Having deeper conversations, widening the funnel, and driving innovation with an inclusive-first lens.

CASE CARD Blowout Top Image Size Image of 7680 432
Allspring

Speed to Market for a Portfolio Optimization Tool

Crafting a UI for a complex product through user input and clear data visualization.

Read More
  • Improving workflow processes through enhanced user interface design
  • Clear and simple data visualizations for complex data sets
  • Designing a roadmap to continue to iterate and optimize the product on a rolling basis post-launch

Transforming Education's Forefront

Defining the future of digital experiences in education.

Pfizer World| Shaping a Platform into a Beacon for New Priorities and Ways of Work

Pfizer World

<p>Pfizer World</p>

Transforming a platform into a meaningful beacon to set new priorities and ways of working.

Read More
Galleri| Introducing a Revolutionary Medical Feat to the Market

Galleri

<p>Galleri</p>

Creating the first B2C campaign and user experience for a first-of-its-kind cancer detection test.

Read More

Evolving the Financial Services Model

We’re transforming an antiquated industry through cutting-edge design and driving the future of finance forward.

Award WebbyW3 0031Ad Age 0023

Recognition

  • Code and Theory

    Webby Awards

    Best Magazine – Websites and Mobile Sites
  • Code and Theory

    W3 Awards

    Best in Show General Websites-Associations
  • Code and Theory

    Ad Age

    Agency A-List

All Work

 2023

Says a Lot —

Latest

News — 

Ringier | Leading International Media Company Ringier Appoints Stagwell’s (STGW) Code and Theory to Transform the Blick Brand

News — 

Code and Theory Takes the Stage at Web Summit Rio

News — 

PRNewswire | Code and Theory, a Stagwell (STGW) Network Company, is Building New Artificial Intelligence Capabilities with Oracle Cloud Infrastructure

News — 

PRNewswire | Stagwell (STGW) Marketing Cloud Taps Former Microsoft Chief Data Analytics Officer John Kahan, Code and Theory Chairman Dan Gardner as Advisors

News — 

PRNewswire | Code and Theory Network Agency Kettle Promotes Lauren Kushner to CEO

News — 

PRNewswire | Stagwell's Code and Theory Network Expands Its Digital Transformation and Engineering Globally with Addition of YML

News — 

Ad Age | Top 5 Diversity, Equality, and Inclusion Efforts To Know About Right Now

News — 

PRNewswire | Stagwell (STGW) Digital-First Creative Agency Code and Theory Launches Industry's First Holistic Inclusive Design and Marketing Strategy Discipline