R5IoT
Track record
Earlier work · Guitar Center · 2014

Guitar Center Drum-Off

The world's largest drum competition.

Built by our founder, Jonathan Concepcion, while at Guitar Center, before R5IoT.

Guitar Center Drum-Off shown on devices

Client

Guitar Center

Year

2014

Type

Website

Role

Front-end and WordPress development

Tech stack

WordPressBackbone.jsjQueryHTML5 pushStateCSS3
Overview

Guitar Center's Drum-Off is the world's largest drum competition, searching for the top undiscovered drummer.

A responsive single-page site built on WordPress as the CMS, with jQuery, Backbone.js and HTML5 pushState for clean URLs.

What Jonathan did

  • Design to HTML to WordPress theme
  • Fully responsive across mobile, tablet and desktop
  • Parallax-style backgrounds
  • pushState routing to get the most out of Backbone.js
  • Scroll-to-section navigation with active states
  • Hundreds of images loaded on demand via AJAX

Challenges

  • Bookmarkable sections with clean URLs
  • A store locator that works in every browser
  • Full functionality in Internet Explorer 8
  • Keeping heavy pages loading smoothly