CLOSE

Interactive Website

DC Shoes TheBlackOps Collection Promotion Site

EKKO Media helped this renowned action sports brand bring their vision to life with this amazing promotional site

01

Project Background

DC Shoes is a leader in performance skateboarding shoes and a renowned action sports brand. The DC Product line ranges from men’s, women’s and kids’ skateboarding and lifestyle shoes, apparel, and accessories such as hats. The accessory products is a connection to the major North American retailer Lids with well over 1000 locations. DC Shoes was looking to kick of their new product line, the BlackOps Collection with this major retailer and needed a site that could generate major interest as well as a promotional program.

EKKO Media has a long history of high performing award winning promotional sites. DC Shoes was familiar with EKKO Media’s past work and wanted to push the boundaries once again with something unique and engaging for users. A delivery timeline of less than 45 days once assets were delivered for a launch was tight but not something EKKO Media hasn’t successfully navigated and delivered for its clients in the past. After gathering details and discussing the project requirements this amazing site design and development kicked off.

02

Driving Engagement

The keys to a successful promotion are great social and in-store displays that help drive users to the website. In addition to the external campaign promotion, the users experience on the site is a critical aspect to a promotions success. EKKO’s challenge was to not only showcase the new products but to also create a site that would drive users to sign-in and complete the entry process.

03

Defining the User Interface

EKKO Media set their focus on a design and function that drove user promotion engagement and the new BlackOps product showcase. The design process begins with a kick-off meetings with the client to gather all promotion requirements and available point of sale visuals. From this point mood boards and overall site concepts are fleshed out to give the site direction. With a world wide brand such as DC Shoes the feedback on these initial designs is critical to ensure the marketing message is on point with the product launch.

Ekko Media web design, video production and marketing
04

Platform and Development Frameworks

With a tight deadline a standard site framework would have been the easy out…. Thats not how EKKO Media approaches their projects. Looking to work from some of the newest frameworks available, EKKO Media opted to utilize Laravel, Vue and PHP . The Vue platform allowed EKKO Media to leverage the advantages of a SPA (single page application) while still maintaining strict SEO and web best practices. This gives the site an native application style where pages transition seamlessly between each other. EKKO Media’s talented developers pushed the boundaries once again on this award winning website. The site is optimized for content delivery utilizing the Cloudflare CDN to ensure users the quickest load times regardless of device or geographical location.

05

Site Design

The design is really where this project shines. The user is instantly immersed in The DC BlackOps product line with elements of the campaign. The Los Angeles skyline connects the user with the campaign prizing and DC Shoes roots. The BlackOps campaign video anchors the right of the frame and scales to fill the users video when clicked seamlessly transitioning to the product collection page. Intricate animation details help guide the users through the site without distracting from the core content.

DC Shoes Black Ops Collection pages
06

From Desktop to Mobile and Everything In-Between

Understanding that DC Shoes and Lids consumer base is more mobile focused is a key with the design of the site. EKKO Media works from Mobile up to Desktop with the focus being on the higher engaging platform first. The experience overall needs to be the same but take into consideration the usage differences between devices.

DC Shoes / Lids promotion home page
Ekko Media web design, video production and marketing
Ekko Media web design, video production and marketing
Ekko Media web design, video production and marketing
Ekko Media web design, video production and marketing
07

Core Functionality and Features

EKKO Media kicked this project off with three main goals and understood what it would take to achieve those. The first was driving user entries into this promotion using navigational design that made it simple for users to understand and quickly enter. The second was to showcase the BlackOps collection in a unique and visually stimulating presentation. The third goal was to connect users with the DC Shoes and Lids social platforms highlighting the daily posts to increase brand awareness.

Ekko Media web design, video production and marketing

Promotional Entry

Canada and the US were involved in this promotional form. In each country, the user is presented with a sweepstakes promotion form that would validate the user’s entry based on region using geo ip location.

Ekko Media web design, video production and marketing

The BlackOps Collection

Resisting the temptation to show products on a flat plane, EKKO Media was tasked with making the products come to life. Carousels cycle through products and lead users into product details with where to buy locations.

Ekko Media web design, video production and marketing

Social Spotlight

Building brand awareness and social engagement in today's market is key. The site helps promote the DC Shoes and Lids social instagram accounts with a unique visual experience.

08

Outcome

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

45

Days to Build

3%

Awards and Counting

Other Projects

Interactive Website

DC Shoes TheBlackOps Collection Promotion Site

Explore Project

Interactive Website

Vogtland Springs Website

Explore Project

Interactive Website

PowerBass Audio

Explore Project
Dolce Cabo social campaign case study

Social Media

Dolce Cabo Social Campaign

Explore Project
Lexani Wheels

Interactive Website

Lexani Wheels

Explore Project
Lexani Motorcars interactive website project preview

Interactive Website

Lexani Motorcars

Explore Project

Message sent successfully.