Overview

AIR MILES Success Story

The AIR MILES® Reward Program is a loyalty program that services 11 million customers across Canada. AIR MILES Collectors can redeem the AIR MILES Reward Miles they collect for merchandise, travel tickets, stage and attraction passes and more. For this particular project, we were tasked with building the new Merchandise web portal for processing all physical redemptions site-wide.

AIR MILES Loyalty launched a new front-end portal in 3 months and saw increased redemptions.

12M

Visitors to the portal

30%

Improved redemption rate

3

Month timeline

The Challenge

LoyaltyOne reached out to us because of our successful past experiences in reward-focused products. LoyaltyOne was in need of assistance to launch Air Miles Merchandise ahead of the busy Black Friday and Christmas seasons. They required a dev shop partner that can both be experts in React and meet their tight 3 month deadline, so the project can turn from vision into reality.

Given the limited time, communicating and planning strategically were vital to bridge the gap between the Content, UX, and Development teams.

Services

  • Fullstack Development
  • Responsive Web App
  • Security
  • Bilingual Content Management
  • Customizable Content from CMS
  • 3rd party API integrations
  • High Volume Handling
  • Order Tracking & Checkout
  • QA Testing

The Approach

The previous Air Miles Merchandise site was not optimized for mobile and they wanted to update to a modern framework, so we had to code from scratch with React.js and Redux. The end result was a responsive and server-rendered web-app that can handle authentication, security, content management, order tracking, checkout, and high volume traffic.

The end result was a greatly improved the overall performance in loading information with dynamic interactions for users to navigate throughout the site. 

In addition, we built a reusable library of components that can be applied conveniently for any future projects. 

Due to the high visibility of their site, it was ever more imperative to make sure the new Air Miles Merchandise was free of bugs, so we performed unit and end to end tests with Jest and Nightwatch. For build and deployment, we utilized Jenkins + Docker.

Because Air Miles is a staple across Canada, this needed to have flawless bilingual support. We constantly tested both versions in tandem before any code was deployed.

We consistently strived for open communication, so we had daily scrum meetings, onsite days, a dedicated Slack channel, their issue tracking of choice to keep projects on track, and demoing every two weeks in front of stakeholders.

Technology

  • Next
  • React + Redux
  • Node + Express
  • Auth0
  • Jest
  • Nightwatch
  • Contentful
  • Jenkins
  • Docker
  • AWS

Services

  • Fullstack Development
  • Responsive Web App
  • Security
  • Bilingual Content Management
  • Customizable Content from CMS
  • 3rd party API integrations
  • High Volume Handling
  • Order Tracking & Checkout
  • QA Testing

Technology

  • Next
  • React + Redux
  • Node + Express
  • Auth0
  • Jest
  • Nightwatch
  • Contentful
  • Jenkins
  • Docker
  • AWS

The Outcome

The launch of Air Miles Merchandise was a great success and the folks at LoyaltyOne were so content with our service that they opened up opportunities to collaborate further in future projects. It was also a high point in many of our careers to know we worked on such an impactful project with such a great team and a client that couldn’t have done more to ensure success.

A big shout out to LoyaltyOne and RewardOps for working so closely with us those 3 months and fighting the good fight together.

Have an interesting project? Let's work together.