Guitar Center’s Drum-Off is the world’s largest drum competition with the goal of finding the top undiscovered drummer.

I code this website using HTML5, WordPress, CSS3 and JavaScript. I take advantage of WordPress as CMS for the classes information and JavaScript for Single Page App (SPA). I used jQuery, BackboneJS and HTML pushstate for clean URL. Also this website is responsive.

Role:

  • Converting the PSD to HTML to WordPress theme
  • Making the site responsive that fully works in mobile, tablet and desktop
  • Making the background to display like parallax effect
  • Implementing push state to maximize the backboneJS feature
  • Creating an event to scroll to section and triggered the active state in nav
  • Handling hundreds of images to load via AJAX

Challenges:

  • Enabled bookmarks for section with clean url
  • Making the store locator works cross-browser
  • Making the site functional and seamlessly works in IE8
  • Managing to load sizes and maximizing the browser feature to load smoothly
  • Pages manipulation
Check it out