design & interaction, web development

Nalu Energy

2020 - food & beverage industry

ORGANIC FEELING AND INTUITIVE NAVIGATION.

Nalu is an energy drink brand that prides itself on offering fewer calories and an energy boost. They came to EKKO Media looking for a bold, new redesign to that was more in harmony with these elements.

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

PROJECT BACKGROUND

The Nalu Energy drink is a beverage first introduced by the Coca-Cola Company, but it was soon transitioned to the Monster Energy Beverage company. Monster Energy needed to reboot the brand, starting first with a redesigned interactive website.

EKKO Media, with a long-standing relationship with Monster Energy, was tasked with the project. Among the mandates was the desire for a simple user interface, bold colors, and easy navigation.

ABOUT THE BRAND NALU ENERGY

Nalu Energy has found a unique niche in the Energy drink market and has built a cult following due to the branding of its natural energy products that offer consumers an alternative to the standard sugar energy drinks. It didn't come easy for Nalu Energy as the brand had to fight for shelf space and sales against other major energy drink brands.

The focused product offerings allowed Nalu to stand out from the crowd and the product began gaining market share. This lead the marketing team to have to address the online presence. The Nalu Energy site was in need of a complete overhaul and EKKO Media was up to the task. Continue reading below to see how EKKO Media took this boutique energy drink brands online presence to the next level.

A SIMPLIFIED EXPERIENCE

When Nalu Energy approached EKKO Media for their redesign, they stressed the importance of a design with a natural feel and an easy-to-navigate interface. In addition to the overall visual requirements, the site needed to support multiple languages in deference to the brand’s popularity in other countries. These mandates needed to be taken into account when designing the site.

Small interactive touches were added with custom javascript code to generate realistic falling leaves and subtle fading and moving content as the site would load and render in-place. The result is a very clean, easy-to-navigate and aesthetically pleasing experience.

CORE FUNCTIONALITIES AND FEATURES

The Nalu Energy brand has a strong foothold in Europe, predominantly in Belgium and The Netherlands. Because of this, the website needs to support multiple languages-this was critical to mission success. Adding further complexity was the requirement to display different content in different countries due to region-specific ingredient requirements and restrictions. The new website allows for Admins to post content that is country/region-specific. This is accomplished by using coding that tracks visitors as they enter the site, logs their IP address, and is cross-referenced in our global IP database. The visitor’s IP is then matched to the country of origin and the user is directed to the corresponding country, content, and language.

The Nalu Energy site also features a social media feed, providing real-time social media content updates content pulled into the website’s home page which is managed and moderated by Admins. Due to the unique requirements of the site the website, our development required a ground-up, custom CMS built on top of the Laravel framework. This custom CMS allows the Admins full control over all aspects of their site.

MULTIPLE COUNTRY & LANGUAGE SUPPORT

The Nalu site allows for visitors as they enter the site to be detected by their IP and directed to the correct country and default language based on their location.

SOCIAL MEDIA FEED INTEGRATION

Social content from Facebook and Twitter is pulled into the site through the application API's and the admins of the site are then able to review and approve or reject the content through the Content Management System.

CAPTURING THE USER WITH ANIMATION

Subtle animations such as random falling and spinning leaves and smooth can movements are artfully applied to draw attention to key areas of the site.

Media & Downloads Media & Downloads

PROJECT OUTCOME

EKKO Media delivered an award-winning website in just three weeks. This incredibly tight deadline was met, with all requirements including the need for a multi-country/multi-language design having been satisfied. Monster Energy and Nalu Energy Drinks are among EKKO Media’s most loyal clients.

20
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
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
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
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