Guitar Center is the world’s largest musical instruments retailer. Shop Guitars, Bass, Drums, Amps, DJ, Keyboards, Pro-Audio and more. Most orders ship free!

Description:

In this Guitar Center Header, Footer and New Homepage project, I worked with the Guitar Center designers, project/product managers and back-end developers. My main role here is to implement and develop the psd to valid HTML5, CSS3 and JavaScript for their Corporate CMS theme that based on the designers specs. And implementing the Header and Footer to work globally in the site.

Role:

  • Front-end development using CSS3, JS and HTML
  • Converting the PSD to Valid HTML5, CSS3 and JavaScript
  • Reducing website loading time to 1.1mb
  • Applying the Global Header across the site
  • Applying the Global Footer across the site
  • Applying the New Homepage
  • Creating custom overlays
  • Creating AJAX homepage slider
  • Creating global elements like buttons, grid and 3d slider
  • Implementing the JSONP newsletter form
  • Creating form validation

Challenges:

  • Making the site functional and seamlessly works in IE8
  • Making the page load super fast
  • Making the sliders to load via ajax
Check it out