design & interaction, web development

Monster Energy nascar

2019 - motorsports industry

GENERATING INCREDIBLE BRAND RECOGNITION.

When Monster Energy became the title sponsor of the NASCAR Cup series. EKKO Media, a longtime partner of Monster Energy, was called to design and build the new NASCAR interactive website.

CLIENT
  • Monster Energy
SKILLS
  • UX / UI
  • Interactive Design
  • Art Direction
  • Websockets
  • Ekko DNA
  • HTML + SASS + JS
  • Ekko CMS
AWARDS
  • CSS Winner
  • CSS Design Awards
  • Awwwards
DATE
  • 2019.04
launch

PROJECT BACKGROUND

With tens of millions of NASCAR fans spanning the globe, Monster Energy knew that becoming the title sponsor of one of the largest sports in the world would generate incredible brand recognition. This new relationship presented the perfect opportunity to show off Monster Energy’s unique branding flare while delivering up-to-the-minute racing results and news to enthusiastic NASCAR fans.

As per usual, the site needed to be aesthetically pleasing, consistent with the Monster Energy brand and featured an adaptive design. It also needed to be done in less than 30 days. The EKKO Media team answered the call without trepidation and produced this award-winning site.

NASCAR FANS ARE NOW MONSTER FANS!

In a relationship that would leverage Monster Energy’s event marketing prowess, this five-year partnership with NASCAR is designed to help draw in a younger audience. Despite the new audience, careful consideration was given when designing the new interactive website to ensure that it remained true to the sport, yet still provided all of the information NASCAR fans have grown to expect.

DEFINING THE USER EXPERIENCE

The site was built with the full understanding that NASCAR fans are very particular about their sport. They’re also accustomed to being able to access the information quickly.

The mandate was clear—deliver NASCAR news, media content and stats in a format that is easy to navigate, feature-rich and develop a robust CMS that can handle it all.

PLATFORM AND DEVELOPMENT FRAMEWORKS

The CMS would need to allow administrators to intuitively manage all aspects of the site. It would need to handle all types of media, automatically retrieve and display live race results and live weather, allow for easy creation of driver bios and much more. Given the 30-day deadline, we were tasked with developing the live-feed Race Results page was especially impressive.

Auto-updates would populate sections of the site after each race, but Monster’s site admins wanted to update news stories manually. The CMS would need to handle all of this in stride.

SITE DESIGN

Both Monster Energy and NASCAR have very unique brand visuals and as such, developing a partnership site always presents unique challenges in developing aesthetics that allow each brand to maintain their vital identity.

Upon further consideration, Ekko Media understood that the historically short attention spans of some users in this demographic increased the importance of using adaptive design to better attract and retain users on mobile devices. The final design provides just enough of each partner’s brand visuals to appear consistent and more importantly, familiar to both brand’s audiences.

fROM dESKTPO TO MOBILE, AND EVERYTHING IN BETWEEN

A few years ago, web designers realized that mobile was going to be the new playground for users. Today, the statistic shows that 82% or more of most brand’s users are on mobile devices. Adding to the challenge is the desire to have all of this content to load rapidly, without slowing the site down and frustrating users.

Yet the landscape continues to evolve and now includes users viewing content on a number of devices—laptops, tablets, phones with screens of varying dimensions. It’s a dizzying array and the ultimate test for web developers. Fortunately, it’s all in our wheelhouse.

CORE FUNCTIONALITIES AND FEATURES

The new Monster Energy/NASCAR site has set a new bar for what motorsports sites should strive to achieve—robust content, live reporting, adaptive design, feature-rich navigation, dynamic visuals, and contemporary visuals.

The Monster Energy Nascar site contains many features that help this site stand out as the new standard for what a Race/Sports site should be. A few core spotlight features are listed below that allow the user to engage and get live race updates in an intuitive interface.

LIVE UPCOMING NASCAR RACE INFORMATION

Up-to-the-minute race information with a countdown to the next race, live weather, track conditions, and Poll position results.

RACE RESULTS

The race results from each race are automatically pulled in and posted to the site in real-time.

MEDIA OVERLOAD

Users are treated to video and photo content that they can’t get anywhere else. Media content is easily posted from the CMS with a few clicks of the mouse.

Media & Downloads Media & Downloads

PROJECT OUTCOME

With a deadline just shy of 30 days, it was all hands on deck for this project. Having long since mastered our workflows, it really wasn’t very dramatic. The site was developed with plenty of time for functionality and bug testing and the client’s speedy review all helped streamline the process. The site was launched just in time for the start of the 2017 NASCAR season. The site has already won three web design awards.

28
days to design & build
03
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
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
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