design & interaction, ecommerce

Monster's "Shirt Off Your Back" Promo

2016 - food & beverage industry

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
launch

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.

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.

Media & Downloads Media & Downloads

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.

06
weeks for delivery
10M
tabs redeemed

Ready to work with us?

previous project.
next project.
Cornerstone Evolve, Design, CMS, Web Development, Ecommerce

Cornerstone Evolve

2022
view project
Westin Automotive, social media, marketing, campaign, automotive, video production

Westin Automotive

2022
view project
Superwinch, interactive website, ecommerce, automotive industry, design, development

Superwinch

2022
view project
ISAGENIX, live broadcast, UX Design

ISAGENIX

2022
view project
BURN Energy, interactive website, marketing site, web design, ui design, ux design

BURN Energy

2022
view project
iKNOWAUTO

iKNOWAUTO

2022
view project
SUPERWINCH SOCIAL

Superwinch Social Media Campaign

2022 - Video Production,photography
view project
DC Shoes, web design, website, web development, promotion

DC Shoes

2022
view project
GLOBAL MERCH

Global Merchandise Services

2022 - Video Production
view project
interactive website, ecommerce, web development

Alpha Aluminum

2022
view project
PowerBass USA, ecommerce, website design, web development

PowerBass USA

2022 - Interactive Website,seo
view project
influencer, social media, video production

The Grand Cayman Influencer Tour

2022
view project
interactive website, visual design, beverage, web development

Relentless Energy

2022
view project
Web Design, Monster Java Gear, Web Development

Monster Java Gear

2022
view project
Video Production, Motion Graphics

Adidas Deerupt

2022
view project
web development, Design, Interaction, eCommerce

Vogtland Springs

2022
view project
e-learning, lms, learn management system, web development, monster energy

Monster Energy University

2022
view project
interactive website, web development, CMS, Websockets

Monster Energy NASCAR

2022
view project
Social Media, Video Production, Photography

Diff Eyewear

2022 - Video Production,photography
view project
Video Production, Social Media, Marketing Campaign, Buzz Theory

Foxtales

2022
view project
Interactive Website, Web Development

Monster Energy Website

2022
view project
Lexani, automotive industry, luxury vehicles, web design, interactive website

Lexani Motorcars

2022 - e-commerce
view project
ecommerce, interactive website, web development

Vertex Aquaristik

2022 - e-commerce
view project
social media, video production, photography

Dolce Cabo

2022 - Video Production,photography
view project
interactive website, websockets, cms, lexani

Lexani Wheels

2022
view project
Video Production, DJI Ronin, Sony AF700, music festival

FOR THE LOVE

2022 - photography
view project
Marketing website, gaming, call of duty, ui design

Call of Duty

2022
view project
Video Production, Social Media, Motion Graphics, Marketing Event

Huberts Lemonade

2022 - photography,Social Media
view project
Paramount Automotive, UI Design, Web Design, Ecommerce

Paramount Automotive

2022 - e-commerce
view project
Video Production, Photography

Whitehouse Project

2022 - photography
view project
UI Design, Web Development, Nalu Energy

Nalu Energy

2022
view project
web app, app, Monster Energy

Bleed Green

2022
view project
ecommerce, merchandise, web design

Activation Depot

2022 - Interactive Website
view project
flavor manufacturer, juice processor, website, organic

American Fruits & Flavors

2022
view project
true footage, real estate, web design, appraisals

True Footage

2022
view project
3d model, vehicle, store, web design, software

3D Builder

2022 - Interactive Website
view project
social media, web app

Claw Cam

2022 - Social Media
view project
ecommerce, vaping, tobacco, web design

Axiocore

2022 - Interactive Website
view project
web design, ecommerce, ui design

Chubby Gorilla

2022 - e-commerce
view project
Ecommerce, templates, web design, automotive, vehicles, cars, ui design, ux design

iKnow Ecommerce Shops

2022 - e-commerce
view project
Beast Blitz

Beast Blitz

2022 - Social Media
view project