Monster's "Shirt Off Your Back" Promo
DESIGNING A WEBSITE WORTHY OF A TOP TIER BRAND.
Monster Energy's annual Gear promotional site gets a fresh, new look to drive this successful website marketing tool to never before seen levels.
CLIENT
- Monster Energy
SKILLS
- UX / UI
- Interactive Design
- HTML + SASS + JS
- Ekko CMS
AWARDS
- CSS Winner
- CSS Design Awards
- CSS Light
DATE
- 2016.04
PROJECT BACKGROUND
After a successful 2015 Monster Gear program, Monster Energy again called upon EKKO Media to design and develop the 2016 Monster "Shirt Off Our Back" website. The site leverages the large, Monster Energy fan base and their connection to their high-profile athletes and engages users in a seamless, promotional experience.
The interactive website features a highly visual responsive design that directs users to create an account, mail in their can tabs for Monster credits, after which they use those credits to purchase Monster Energy licensed apparel. The site is driven by a custom eCommerce system that was built from the ground-up to the specific requirements of the client.
MONSTER PERSONALITIES DRIVING ENGAGEMENT
Monster Energy has an incredible brand following that has been built from strong brand integration in action sports, concerts and celebrity affiliations. These powerful partnerships have helped catapult the brand to make it one of the leading energy drink companies in the United States.
Part of this success is attributable to how Monster engages its audience. Celebrity affiliations and targeted promotions have helped fuel this success.
A SIMPLIFIED EXPERIENCE
In developing a promotion, Monster had to appease their broad and complex fan base, which ranges from motocross and off-road racing to the surf, skate and music crowd. Leveraging their celebrity and sports personality affiliations, Monster developed a promotion based around a rewards program. Monster has learned that tying promotions to celebrities is a highly effective way to reach every segment of their fan base.
The promotion itself revolved around acquiring promotional codes from beverage can tabs for redemption towards merchandise. Users would gather can tabs, mail them in, then receive credits in return which could then be redeemed.
PLATFORM AND DEVELOPMENT FRAMEWORKS
Since this was a promotion based both in the United States and in Canada, each user-group needed to be handled and tracked differently. To accomplish the required tasks, we set up a system whereby visitors from the United States were funneled to a login page where they could either log in or register for an account. They were then redirected to a page where they would print a form containing an address to which the can tabs were to be mailed. After mailing in the can tabs, users would accumulate credits in their account. Canadian users could simply enter the 10-digit code printed on the back of their can tabs to get credits instantly. It was set up this way due to varying legislation from country to country.
To accomplish these tasks seamlessly, a custom CMS and framework was needed. The framework chosen leveraged a wide range of platforms such as Angular, SASS, Websockets and what we like to call, "EKKO DNA." The DNA platform uses advanced device-detection technology to identify each user on the site, track their content consumption habits and deliver a custom experience for each user.
The site is powered by a custom CMS that closely ties their proprietary Monster Media system to the site and allows the global admins to create and push content to all any of Monster's country-specific sites. The front-end, as well as the CMS and data feeds, are running on the Amazon Web Service (AWS) architecture, with deployments in multiple data centers for improved performance and redundancy. The content is delivered over the expansive Akamai Content Delivery Network (CDN) so that all users globally have reduced latency.
SITE DESIGN
Using an aesthetically appealing and intellectually designed framework as the basis, we were able to deliver a website that is easy-to-navigate and is highly effective at engaging users. Special emphasis was placed on consistency with other Monster Energy visuals.
In deference to the greater reliance upon mobile devices among audiences in this segment, special attention was paid to the mobile experience. Still, the powerful aesthetic elements and navigation elements had to carry over to mobile audiences in order to maintain brand consistency. This was especially critical given the historically short attention spans of users in this demographic.
CORE FUNCTIONALITIES AND FEATURES
The Monster Energy Shirt Off Our Back promotions provides its users with an easy and intuitive interface that allows for easy registration, tab credits, and redemption.
All user credits are tracked individually in each account as well as through a custom CMS that give the admins of the site full control of all function and features. Some of those include the following listed below.
CLASSIC ECOMMERCE EXPERIENCE
The unique nature of this promotion is simplified with a classic eCommerce experience. Once the user has received their mail-in tab credits they can purchase products. The user pays for shipping and handling, which is processed through Authorize.net's API.
EASY AS ONE, TWO, THREE
The users are quickly directed through the simple process of registering, printing their order form and mailing in their tabs to redeem for Monster Energy Gear.
USER REGISTRATION
Registration is as simple as filling in a one-page form. After registering the user is sent a confirmation email with a link to print their can tab mail-in form.
CLASSIC ECOMMERCE EXPERIENCE
The unique nature of this promotion is simplified with a classic eCommerce experience. Once the user has received their mail-in tab credits they can purchase products. The user pays for shipping and handling, which is processed through Authorize.net's API.
EASY AS ONE, TWO, THREE
The users are quickly directed through the simple process of registering, printing their order form and mailing in their tabs to redeem for Monster Energy Gear.
PROJECT OUTCOME
High-profile athletes and celebrities create promotional interest, but once the user has reached the site, the interface and overall design are crucial. With tens of thousands of products sold, it’s clear that the new design and functionality helped drive this tremendously successful campaign.
Ready to work with us?
Cornerstone Evolve
2022
Westin Automotive
2022
Superwinch
2022
ISAGENIX
2022
BURN Energy
2022
iKNOWAUTO
2022
Superwinch Social Media Campaign
2022 - Video Production,photography
DC Shoes
2022
Global Merchandise Services
2022 - Video Production
Alpha Aluminum
2022
PowerBass USA
2022 - Interactive Website,seo
The Grand Cayman Influencer Tour
2022
Relentless Energy
2022
Monster Java Gear
2022
Adidas Deerupt
2022
Vogtland Springs
2022
Monster Energy University
2022
Monster Energy NASCAR
2022
Diff Eyewear
2022 - Video Production,photography
Foxtales
2022
Monster Energy Website
2022
Lexani Motorcars
2022 - e-commerce
Vertex Aquaristik
2022 - e-commerce
Dolce Cabo
2022 - Video Production,photography
Lexani Wheels
2022
FOR THE LOVE
2022 - photography
Call of Duty
2022
Huberts Lemonade
2022 - photography,Social Media
Paramount Automotive
2022 - e-commerce
Whitehouse Project
2022 - photography
Nalu Energy
2022
Bleed Green
2022
Activation Depot
2022 - Interactive Website
American Fruits & Flavors
2022
True Footage
2022
3D Builder
2022 - Interactive Website
Claw Cam
2022 - Social Media
Axiocore
2022 - Interactive Website
Chubby Gorilla
2022 - e-commerce
iKnow Ecommerce Shops
2022 - e-commerce
Beast Blitz
2022 - Social Media