National Bank Open by Royal Gramma


The National Bank Open (NBO) is a prestigious annual tennis tournament organized by Tennis Canada. The National Bank Open (NBO) is unique in the world. It is the only event on the professional tennis circuit that takes place simultaneously in two cities, Toronto and Montreal, and alternates between the men's tournament (ATP) and the women's tournament (WTA) from year to year This not only represents a challenge for Tennis Canada in managing digital operations but also a challenge in terms of fostering the sport's discovery among new fans. With a rich history, it stands as the second oldest active tennis tournament, following Wimbledon.

Goal of the website

The National Bank Open (NBO) website goes beyond ticket sales, catering to passionate fans and newcomers alike. Through captivating data visualizations, it aims to ignite tennis enthusiasts' excitement while making the sport accessible to casual fans. Seamlessly integrating a user-friendly draw, detailed athlete profiles, captivating match summaries, and dynamic real-time statistics presented in visually engaging graphics, the NBO website optimizes the tournament experience. By leveraging the power of data visualization, it establishes a new industry benchmark, providing tennis enthusiasts with a comprehensive and immersive journey. Furthermore, the website ensures constant real-time updates through an API, enhancing the overall user experience.


Inspired by the dynamic nature of tennis, the NBO website incorporates playful design elements that add an extra dimension of energy. These elements, carefully curated to emulate the fluidity of the sport, provide users with an amplified experience. From animated transitions to on-brand graphics, every aspect of the website design evokes the thrill of a tennis match and lived up to the Feel tennis brand promise.

The strategic use of dark mode on select pages enhances the overall user experience. By highlighting important information in a visually contrasting manner, the NBO website ensures that users can easily locate and absorb crucial details. This design choice further emphasizes the website's commitment to providing a user-friendly and inclusive platform. It combines the power of data visualization with accessibility, fostering a deeper understanding and appreciation for the sport.

Engaging tennis enthusiasts

At the heart of the NBO website lies pages dedicated to devoted fans. Athlete profiles take center stage, allowing users to delve into their favourite players' statistics. These profiles go beyond statistics, employing captivating data visualizations to illustrate players' key performance metrics and achievements. By presenting this information in graphical form, the website makes it easier for fans to grasp and appreciate the intricate nuances of tennis prowess.

The redesigned draw and match schedule ensures that enthusiasts never miss a beat. Users can seamlessly track the tournament's progress through an intuitive interface, accessing real-time summaries and results at their fingertips. The data visualization-driven match summaries bring the excitement of each game to life, presenting crucial statistics in an engaging and visually appealing manner.

Empowering Casual Fans

Recognizing the importance of catering to casual fans, the NBO website offers content pages specifically tailored to introduce newcomers to the world of tennis. These informative sections not only educate casual fans about the sport but also inspire them to immerse themselves in the on-site experience. The website sparks curiosity and encourages further exploration by providing valuable insights into the game's history, rules, and iconic moments.

  • Credits
    Nathalie Tremblay Tennis Canada Senior Director, Digital Transformation and Ticketing Gabrielle Cyr Tennis Canada Digital Strategist, User Experience Camille Hurteau Tennis Canada Digital Product Manager Winnie Chung Tennis Canada Senior Product Manager, Digital Solutions Isaac Frohlich Tennis Canada Digital Marketing Coordinator Virginie Lessard Royal Gramma Senior Digital Strategist Jany Plourde Royal Gramma Strategist, Data Chloé Crevier Royal Gramma Strategist, User Experience Ingrid Faulkner Royal Gramma UX Designer Stéphanie Lebon Royal Gramma Strategist, Content Ariane Giraldeau-Dufort Royal Gramma Content Coordinator Jason Marin Royal Gramma Senior UI Designer Thierry Laberge Royal Gramma UI Designer Émilie Caron Royal Gramma Studio Manager / QA Specialist Melissa Boyd Freelancer Copywriter Benjamin Siaud Tink Director, Consulting Services Catherine Lavigne Tink Project Manager Éric Sicard Tink Product Manager Jean-Philippe Bédard Tink Business Analyst Loic Marin Tink Solution architect David Tremblay-Fafard, Vincent Boily-Grant, Tim Barnett, Sebastien Mockle, Sébastien Michaud, Martin Carlier, Laurent Fortin-Fournier, Benjamin Dubé, Frédérick Plante Tink Developers Daniela Guanciale, Yan Levasseur Tink Quality Assurance Analysts Dominic Villiard Tink Data strategist Mylène Dunand, Rihab Zarrai Touss Tink Consultant in e-measurement and SEO
  • Award
  • Categories
  • See more