X
X
  • Please Select
Elemental Our Work
?

Marcel's - 25 years campaign site

Marcel's 25 years animated interactive website campaign

Creative Direction and Briefing

Elemental Web Solutions was approached by a creative Digital Agency in Cape Town to assist them with the development of a campaign for Marcel's 25 year birthday.

The agency provided all the creative design elements and creative direction as to how the animation should work from a user's point of view. The campaign was to celebrate Marcel's 25 years since launch where participants could interact and win their share of R25 000 as well as other great prizes. Users were to register or login with their Facebook profile.

The system would then pull various events that happened throughout your Facebook timeline, also users could enter their own special moments over the years. Once entered they would be able to view a highly interactive and animated series of moments over the last 25 years, as the moments consisting of the user's moments and other well-known moments. For example South Africa winning the Rugby World Cup and Nelson Mandela being released from prison.

Building the fun stuff

We set out determining the best approach to ensure that the animations would run smoothly and consistently in all major web browsers on various devices. We proceeded with the slicing of all the designs, including the extraction of various visual elements that needed to be animated.

For the animations of the various elements as the user scrolled through the website, we achieved the necessary movements, effects and animations with CSS transitions and javascript. Finally, we integrated with the Facebook API to get all the user's profile data necessary for this website such as personal details and date related events. These Facebook permissions were requested by the website and then verified by the user through a Facebook pop up window.

BOOM! Another Successful Project.

The final product was exceptional, due to the combination of the highly creative designs, fun interactive elements and strong use of web based animation. This resulted in a rather different and somewhat interesting experience for the user due to the animation compared to normal websites and campaigns, making this standout campaign.

The integration with Facebook meant that a user's personal details and events were integrated into the campaign giving them a feeling of accomplishment and involvement with the history of Marcel's evolution from infancy to being 25 years old.