M+ Online Exhibition Brochure

A flexible editorial template designed for dynamic layouts

M+, a preeminent museum in Hong Kong, houses an interdisciplinary and transnational collection of visual art and cultures. The museum strives
to continuously enhance the visitor experience and supplement its collections and ways of seeing.

We designed a digital brochure template that complements the museum’s collections, providing accessibility to an audience of diverse abilities and backgrounds. Additionally, the template accommodates the M+ design team’s shifting needs for future exhibitions.

Team

Jimmy K.K Lam from Studio Earth on user experience and layout design


Visual Art, and Digital and Editorial Content at M+

Julee Chung, Olivia Chow, William Smith, Yuling Zhong

Cover and essay page design for the Nalini Malani exhibition brochure.
We designed a digital brochure template with dynamic layouts that comply with the M+ visual identity guidelines.
Essay page designs for the Nalini Malani exhibition brochure with images, captions, and pull quotes.
We designed a digital brochure template with dynamic layouts that comply with the M+ visual identity guidelines.
Essay page designs for the Nalini Malani exhibition brochure with a graphical representation of the five-column grid system.
Our template layout follows a five-column grid system to ensure visual consistency and flexible adaptation.

Two primary objectives are at the core of our design — to cater to visitors with diverse abilities and backgrounds and to serve as an adaptable template for the M+ in-house design team.

Essay page designs for the Nalini Malani exhibition brochure with images, captions, and pull quotes.
Our dynamic layout accommodates various image sizes, pull quotes, body text columns, and captions.
Biography and timeline page designs for the Nalini Malani exhibition brochure.
Text and graphic placements on the biography and timeline page demonstrate adaption flexibility on the five-column grid.

A functional layout grid and typography system centre around three types of content — titles, images, and body text — dictate their placement to ensure consistency in future brochure editions.

Our typography system categorises texts as title, body, caption, byline, and pull quotes with respective font sizes assigned to ensure visual cohesion and legibility standards.

A typographical representation of the title and date formatted for the Nalini Malani exhibition brochure.
Contrasts between the header and exhibition date font sizes demonstrate a stark visual hierarchy and information sequence.
A typographical representation of the heading, subheading, and body text formatted for the Nalini Malani exhibition brochure.
We utilise a bespoke sans-serif font on the template’s layout to maintain visual consistency.

User research from M+ notes a correlation between visitor interest levels and engagement quality. We assign essential information, such as titles and pull quotes, to prominent areas on the layout for those seeking comfortable scans at a glance.

An overview of the Nalini Malani exhibition brochure, including the cover and three essay pages accompanied by images and texts.
An overview of the Nalini Malani exhibition brochure, including the cover and three essay pages accompanied by images and texts.
An overview of the Nalini Malani exhibition brochure.

The M+ Online Exhibition Brochure project’s user experience and layout design direction was led by Jimmy K.K Lam from Studio Earth with Julee Chung, Olivia Chow, and Yuling Zhong at M+.

This case study was written by Rebecca Isjwara and Izumi Nakayama.

Back