My Mission South Africa

My Mission South Africa

My Mission South Africa - Flash Application

We have just finished working on a great job with our new friends, digital agency Angel London, for South African Tourism.

We were commissioned by Angel to work with their back end developers to produce all the flash elements of South African Tourism’s ‘My Mission’ campaign.

My Mission South Africa - Activity Selection

Activity Selection

‘My Mission South Africa’ is a web based flash application which allows you to create your ideal South African holiday by selecting from different activity types that interest you, like: Adventure & Sport, Culture & Heritage, Wildlife & Safari and Affordable Luxury.

When you have selected your activity preferences, the application generates a custom holiday from dozens of possible ‘Missions’, presenting it to you as a bespoke interactive video.

My Mission South Africa - Video Playback

Video Playback

You can pause the video package at any point and find out more about each individual ‘Mission’ that has been selected for you, or go back and generate a new combination.

My Mission South Africa - Mission Info

Mission Info

When you are happy with your unique holiday, your details can be entered into the competition to win the holiday, including a celebrity ‘Mission’ with Jamie Theakston, Monty Don, Gloria Hunniford or Chris Packham.

My Mission South Africa - Competition Entry

Competition Entry

Finally you can share your custom ‘Mission’ using the bespoke flash video player, via Twitter, Facebook, Email and also download your holiday information as unique PDF.

My Mission South Africa - Share Mission

Share Mission

By using dynamic asset loading the site has been deployed, into the three different environments, on the South African Tourism home page, the Guardian and also scales down perfectly to run within Facebook.

My Mission South Africa - Facebook App

Facebook App

The Techonolgy

The entire front end of the site is a bespoke Flash AS3 application, built around our own presentation framework for handling screen transitions and application state.

The application initialises from a configuration XML file containing references to much of the content, and a state XML schema for maintaining state throughout the application.

We integrated the great LoaderMax classes from Greensock to handle the video, audio & image loading which, once you get to them, help hugely with not only loading but also retrieving the loaded content within the application.

My Mission South Africa - Loading

Loading

We created a custom media playback system, which took animated intro/outros & the series of selected videos and synchronised it with an audio soundtrack. Combined with the dynamically loaded XML data & PNG images, you are able to pause, play, recompile & find information about each of the individual video chapters.

Following the video playback section, is the competition entry, with form validation & error handling taken care of by our framework.

The final step for the user is a the sharing screen with dynamically loaded / created endpoints for Twitter, Facebook, PDF Download & emailing to your friends. This screen also loads a set of sponsor adverts from the server.

My Mission South Africa - Email Friend

Email Friend

Finally, the video playback system for the main application was the customised and used as a stand alone player through which the shared video / animation & sound sequence is loaded & played back to friends.

My Mission South Africa - Shared Video Player

Shared Video Player

For each of the different environments the app appears in, is a different set of integrated analytics, including Omniture (AppMeasurement), Doubleclick Floodlight & Google Analytics.

The main body of this ambitious build was completed in just a few weeks, working seamlessly with Angel’s designers, developers & project management team.

If your agency needs similar specialist flash application development then feel free to give us a shout any time.

This entry was posted in Projects, Tech and tagged , , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>