Fanatic Guitars | E-commerce Redesign

I started with Fanatic Guitars’ own instrument photography: open cases, amplifiers in the background and warm studio light. The existing homepage led with a promotional banner. I wanted the storefront to give those photographs the same presence they already had elsewhere in the brand.

My first reference board leaned towards editorial galleries. That gave me useful typography and colour ideas, but the direction felt too quiet for this shop. I studied Fender, Gibson, Martin, Orange, Metallica and Primavera Sound, then developed a stage, a spotlight and a festival-style lineup of new instruments. The colours came from the guitar cases themselves.

The first homepage established that direction, but the rest of the shop still needed to work. I carried it through the catalogue, filters, product pages, favourites and shopping bag. Once the full store was in place, the cream background and wide headings made too many screens feel alike. I moved the catalogue to white and reserved the wider typography for the stage and major brand moments.

I also had to handle two different kinds of product photography. Manufacturer cutouts needed space on white; the shop’s own photographs needed to fill their frame. I used image-corner sampling to distinguish them. For instruments with a complete photo session, I built more expansive product pages; the standard pages bring the key specifications forward.

On mobile, the spotlight moves by itself because there is no cursor to follow. I adjusted the lineup typography, grouped the filters and kept instrument selection within reach. I also replaced an early letter-based favicon with a silhouette drawn from a photograph of me playing an imaginary guitar. The full case study documents the nine stages and the changes between them.

Explore the storefront: https://fanatic-guitars.websdelcamp.cat/

Read the full case study: https://websdelcamp.cat/es/portfolio/fanatic-guitars