design & interaction, ecommerce, web development

Call of Duty

2018 - gaming industry

COMBINING TOP GAME FRANCHISE AND TOP SELLER ENERGY DRINK.

EKKO Media helped Call of Duty, the top game franchise, and Monster Energy, the largest US energy drink brand, to combine forces in this amazing promotional site.

CLIENT
  • Monster Energy
SKILLS
  • UX / UI
  • Interactive Design
  • Art Direction
  • HTML + SASS + JS
AWARDS
  • CSS Winner
  • CSS Design Awards
  • CSS Light
DATE
  • 2018.09
launch

PROJECT BACKGROUND

Monster Energy paired up with Activision, publisher of one of the highest-selling gaming franchises of all time, for a promotion that combined the Monster products and the "Call Of Duty: Advanced Warfare" game into one amazing promotional site. EKKO Media was called up to develop a website around the promotion, but also to develop a secure method of creating millions of unique redemption codes to support the promotion. Visitors who view the website are prompted to enter the sweepstakes and/or enter their code for in-game bonuses. EKKO Media was asked to produce a website as unique and interactive as the game itself. The final product we delivered not only satisfied every client request, but it was also honored with several industry awards for creativity and excellence.

The "Call of Duty: Advanced Warfare" / Monster Energy site features a unique, birds-eye perspective that guides the user to scroll to reveal different areas of the site. The users experience the feel of the game as they progress down the site with, where certain elements are displayed, such as smoke and fire embers floating through the air, as well as 3D, animated Monster Energy cans. Users have certainly appreciated the new look, the dynamic elements, and the immersive experience, as evidenced by the data. After the launch, the client saw very satisfactory data for time-on-site, user registration, and engagement. Sweepstakes redemption participation was far higher than thought possible, partly due to the integration of the "Call Of Duty: Advanced Warfare" video trailer.

PROJECT VIDEO TOUR

View the website video tour below as we visually walk you through the "Call of Duty: Advanced Warfare" and Monster Energy Promotional project to give you the full user experience.

We'll highlight the key features of the site so you can have a complete understanding of this amazing build.

DEFINING THE USER INTERFACE

Monster Energy and Call Of Duty have both developed stunning and unique visuals for their respective brands. Part of our challenge was to seamlessly blend from two multi-billion dollar companies into a site that captures both in one seamless experience.

The team at EKKO Media pushed the boundaries of typical promotional sites and developed a birds-eye, vertical experience that would guide the users from section to section. The navigation remained fixed in the header, giving the user a choice to either be guided through the site by scrolling down or to quickly jump to any section they'd choose.

SITE DESIGN

EKKO Media utilized a new approach to the creative elements, pulling from the COD game itself to help maintain consistency and to entice viewers to explore the game further. The final design integrated a war-torn scene with Monster Energy cans, smoke and fire embers. Users scroll down the screen as directed to redeem their product codes.

The EKKO team worked tirelessly to bring Monster’s vision to life. The end result was a highly-visual site that closely integrates the two brands seamlessly and consistently. As importantly, the dynamic visuals scale appropriately for mobile users, ensuring even higher levels of engagement.

CORE FUNCTIONALITIES AND FEATURES

The site’s primary function is to allow users to explore and engage with aspects of the game. Throughout the site, users are prompted to enter the Monster Energy Sweepstakes and are directed to an area where they can exchange can-codes to receive in-game bonuses.

The mission-critical directive was the validation of sweepstakes entries based on specific age and region restrictions. The interactive website would also have verified the millions of can codes in order for users to redeem their bonuses.

COD SWEEPSTAKES PROMOTIONAL FORM

15 Countries were involved in this global sweepstakes. In each country, the user is presented with a sweepstakes promotion form that would validate the user’s entry based on region and age restrictions for their specified country and in accordance with promotion rules.

3D ANIMATED CODE LOCATION

Users are presented with an animated call-to-action to redeem their product codes. After clicking the redeem link, the user is guided directed to enter their 12-digit code to be validated and in return provided an in-game bonus.

CODE REDEMPTION

The code redemption aspect maximizes user engagement by not only prompting registration but participation in the game. All of the collected data is tracked and stored for future promotions and marketing.

Media & Downloads Media & Downloads

PROJECT OUTCOME

As is the case with all projects, our goal is to thrill and delight our clients by meeting their design and functionality goals on-time and on-budget. The awards we receive are icing on the cake.

15
countries
05
web design awards

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
Video Production, Social Media, Motion Graphics, Marketing Event

Huberts Lemonade

2022 - photography,Social Media
view project
web desing, UI Design, ecommerce, web development

Monster "Shirt Off Your Back" Promo

2022 - e-commerce
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