Quartier des Spectacles International

Quartier des Spectacles International

TOOLS:

TOOLS:

Framer, Figma

Framer, Figma

TIMELINE:

TIMELINE:

4 months

4 months

ROLES:

ROLES:

UX/UI Designer

Designing a Scalable ux System

Quartier des Spectacles International (QDSI) commissioned a scalable UX system for 11 interactive art installations across Montreal. Each installation required its own microsite while maintaining a cohesive visual identity across the project.

The challenge was to design a flexible system that could adapt to different artists, installations, and content types while remaining consistent, accessible, and mobile-first.

The result was a modular design framework used across all microsites, allowing each installation to retain its identity while fitting within the broader QDSI ecosystem.

DESIGN INTENT

DESIGN INTENT

Each microsite is structured around three core sections: Discover, Interact, and Reflect.

Each microsite is structured around three core sections: Discover, Interact, and Reflect.

The goal is to guide visitors through the exhibition experience:

  • Discover gives context about the artwork and the artist.

  • Interact explains how visitors can engage with the installation.

  • Reflect encourages visitors to think about the themes of the piece through short prompts and questions.

The goal is to guide visitors through the exhibition experience:

  • Discover gives context about the artwork and the artist.

  • Interact explains how visitors can engage with the installation.

  • Reflect encourages visitors to think about the themes of the piece through short prompts and questions.

The challenge was designing a system that could communicate these ideas clearly while remaining flexible enough to work across multiple installations.

The challenge was designing a system that could communicate these ideas clearly while remaining flexible enough to work across multiple installations.

EXPLORE LIVE INSTALLATIONS

EXPLORE LIVE INSTALLATIONS

FOR qdsi mediation

FOR qdsi mediation

These microsites were designed in Figma and developed in Framer in collaboration with Quartier Des Spectacles Internationales and has since been used launched in cities across the world such as Mexico City, Boston, Toronto and Montreal.

These microsites were designed in Figma and developed in Framer in collaboration with Quartier Des Spectacles Internationales and has since been used launched in cities across the world such as Mexico City, Boston, Toronto and Montreal.

(THIS IS A MOBILE ONLY EXPERIENCE)

(THIS IS A MOBILE ONLY EXPERIENCE)

Taking New Clients at the moment.

Taking New Clients at the moment.

A fit for every project.

A fit for every project.

Prefer sending me a message directly?

Prefer sending me a message directly?

Let's Work together

Home Sections

Home

Features

Past Projects

Contact

Case Studies

QDSi

David Fontaine Gingras

La Courtepointe

Red Raven Leather

@ 2025 CoreDesign

Back to top

CORE

CORE

DESIGN

DESIGN

STUDIO

STUDIO