SCALABLE DESIGN

Capable of managing 250,000 page views per day, the web map is built to handle high traffic to ensure top speed and scalability

LIVE UPDATES

The map gives users the power to access and contribute to live updates, offering real-time avalanche predictions and news

INTUITIVE INTERFACE

The web map’s elegant and simple design allows for a truly intuitive user experience

Beginnings of the Interface/

Avalanche Canada’s mission is quite simple: to minimize public risk in Canada’s avalanche terrain. But whether it’s raising avalanche awareness, offering services, or providing materials based on accurate research and evidence, achieving that mission is much less simple.

 

Early in 2015, Avalanche Canada decided that an interactive mapping interface would be their next project for getting users and forecasters to improve avalanche safety and to base their decisions on more timely and reliable observations.

Innovate, implement, inspire/

Designed in a 3 month implementation timeline, the end-product was fully-integrated for web-based applications and user-friendly on mobile devices. Using Amazon Web Services, Mapbox and Prismic, Tesera built the application framework that would serve as the blueprint for the Avalanche Canada web map. The Avalanche Map maintains high technological standards while remaining scalable on a high level: today, the interface gives thousands of users access to an intuitive, interactive, highly-accurate map with a range of critical, real-time data on avalanche activity in British Columbia and Alberta.

 

Offering better, more accurate, and more accessible information to users and forecasters, the interface makes it easier than ever for Canadians to avoid the potentially devastating impact of avalanches. Integrated with APIs that provide live avalanche forecasts, the interface also offers access to the Mountain Information Network, giving users the option to share real-time updates on conditions, images, weather, snowpack and avalanche data.

Development
Design
Interface

The primary APIs are backed by Dynamo DB and S3 enabling rapid scaling.

The application layer and REST endpoints are Node.js served by Elastic Beanstalk, configured in a scale-out pattern.

The web client application was developed primarily in AngularJS to provide a modern user experience.

The mobile client application was developed using Ionic Framework, AngularJS, and Phonegap, resulting in a native-like app experience available to iOS and Android.