Magasin de guitares Barcelone

Fanatic Guitars

Un magasin de guitares qui donne le ton d’un concert.

Fanatic Guitars est un magasin de guitares de Barcelone avec son propre atelier depuis 1998. Ce cas suit neuf étapes : la recherche de l’identité, les pistes écartées et les choix qui placent les guitares sur scène dans la version finale.

Visiter Fanatic Guitars

Accueil de Fanatic Guitars : une Gibson Firebird dans son étui cramoisi sous un projecteur, avec FIREBIRD en grandes lettres

Un site à la hauteur des photos.

Fanatic Guitars réalise une séance complète pour chaque instrument : guitare dans son étui ouvert, amplificateurs en arrière-plan, lumière chaude, puis chaque détail. Ces photos vivent sur Instagram, tandis que le site s’ouvre sur une promotion et une image de catalogue d’une autre marque. L’objectif était de présenter les guitares avec cette qualité, en conservant toute la boutique : catalogue, filtres, occasion, offres, marques, atelier, compte, panier et deux langues.

Une ambiance de concert.

Le magasin appelait une ambiance de concert. Le fond reprend le noir de la salle d’amplificateurs et chaque guitare apporte la couleur de son étui : cramoisi pour Gibson, moutarde pour Fender, vert pour Heritage. Archivo large en capitales intervient aux moments de scène : nom de l’instrument, affiche et adresse. Caslon italique raconte les instruments comme un certificat glissé dans l’étui. Le catalogue reste blanc, comme les boutiques des fabricants.

Neuf étapes jusqu’à la version finale.

Chaque étape a répondu à un problème précis. Voici les captures réelles de chaque version.

01 La recherche
Des photos professionnelles que le site montrait à peine.
Nous avons examiné les comptes de produits un à un. Les artisans avaient des photos de téléphone, la joaillerie citée dans la presse avait déjà un bon site et le luxe de posture ne convenait pas. Fanatic Guitars réunissait les deux conditions : photos fortes et site à améliorer.
02 Photos et site
150 séances de studio, mais une promotion en accueil.
Chaque guitare avait son étui ouvert, des amplificateurs derrière et une lumière chaude. Pourtant, le site commençait par une offre et une image de catalogue d’une autre marque. Les photos des fiches semblaient délavées.
03 Premier tableau
Typographie et couleurs tirées du magasin.
35 sections éditoriales, cinq polices inspirées des plaques d’amplificateurs et des certificats Custom Shop, quatre palettes prélevées dans les photos. Archivo large, Caslon italique et couleurs des étuis en sont sorties, mais les modèles ressemblaient à une galerie.
04 Deuxième tableau
Les références de ceux qui vivent des guitares.
66 sections de Fender, Gibson, Martin, Orange, Metallica et Primavera Sound suivaient six règles : guitares dans leur environnement, capitales courtes, base noire, personnes et histoire, mur de guitares et découpes diagonales.
05 Premier accueil
La direction fonctionnait, mais restait une brochure.
Scène éclairée, couleurs d’étuis et affiche de festival ont fonctionné tout de suite. Deux défauts subsistaient : les petites étiquettes de chaque bloc rappelaient un tic de site généré par IA, et seul l’accueil existait.
06 Boutique complète
Tout fonctionnait, avec un rendu générique.
Catalogue réel, filtres, fiches, favoris, panier, paiement, compte et deux langues étaient en place. Mais fond crème, police large partout, flèches dépassant des boutons et navigation en cases donnaient un air standardisé.
07 La révision
Du caractère là où il porte.
La boutique est passée au blanc, la police large aux seuls moments de scène et les filtres à un traitement typographique. Chaque photo est mesurée pour choisir son cadrage ; les fiches mettent en avant quatre critères d’achat.
08 Le favicon
D’un F de mécaniques à une guitare invisible.
Le premier favicon formait un F avec le bord d’une tête Gibson et deux mécaniques. La silhouette finale vient d’une photo de Zinddin mimant une guitare. Elle tient dans un onglet et se reconnaît immédiatement.
09 Version finale
Une scène qui change de guitare toutes les cinq secondes.
L’accueil alterne entre cinq guitares, garde quinze secondes celle choisie et colore la page selon l’étui. Scène, affiche, boutique et fiches partagent désormais le même langage.

Chaque choix répond à un besoin concret.

L’accueil est une scène sombre où le curseur devient projecteur. Une guitare apparaît toutes les cinq secondes ; un choix du visiteur la garde quinze secondes.
Les nouveautés forment une affiche de festival, avec des têtes d’affiche plus grandes. Le point sépare uniquement les noms sur une même ligne.
Les quinze guitares photographiées en détail ont une fiche de scène avec leurs images et leur histoire. Les autres fiches mettent en avant quatre critères d’achat.
Les photos des fabricants flottent sur fond blanc ; celles du magasin remplissent leur cadre. Les coins de chaque image sont mesurés pour choisir le traitement.
Le catalogue est celui du magasin : 1.251 produits, 43 catégories et 102 marques, avec prix et stock.

Le projecteur fonctionne aussi sans souris.

Sur mobile, le projecteur parcourt la guitare tout seul. L’affiche adopte une police plus étroite pour garder chaque nom sur une ligne. Les filtres se replient et la liste de scène reste accessible en haut.

Chaque geste vient de la scène.

Survoler un nom de l’affiche fait apparaître sa guitare et sa couleur. Une ligne indique le temps de passage et s’arrête au survol. Favoris, quantités et paiement reprennent les conditions du magasin : livraison gratuite en Espagne continentale dès 50 €, retrait à Diputació 282, SeQura et PayPal. À la confirmation, le site indique qu’il s’agit d’un concept de refonte et renvoie vers le vrai magasin.

Découvrez le résultat par vous-même.

Site disponible sur fanatic-guitars.websdelcamp.cat
Catalogue réel de 1.251 produits et 102 marques
Fiches, favoris, panier et paiement consultables
Espagnol et anglais
Neuf étapes de conception documentées

Le meilleur moyen de juger, c’est d’essayer.

Visiter Fanatic Guitars Parlons de votre projet

Un site à la hauteur des photos.

Une ambiance de concert.

Chaque geste vient de la scène.

Fanatic Guitars

Un magasin de guitares qui donne le ton d’un concert.

Un site à la hauteur des photos.

Une ambiance de concert.

Des photos professionnelles que le site montrait à peine.

150 séances de studio, mais une promotion en accueil.

Typographie et couleurs tirées du magasin.

Les références de ceux qui vivent des guitares.

La direction fonctionnait, mais restait une brochure.

Tout fonctionnait, avec un rendu générique.

Du caractère là où il porte.

D’un F de mécaniques à une guitare invisible.

Une scène qui change de guitare toutes les cinq secondes.

Le projecteur fonctionne aussi sans souris.

Chaque geste vient de la scène.

Découvrez le résultat par vous-même.

Le meilleur moyen de juger, c’est d’essayer.

Fanatic Guitars

Un magasin de guitares qui donne le ton d’un concert.

Un site à la hauteur des photos.

Une ambiance de concert.

Des photos professionnelles que le site montrait à peine.

150 séances de studio, mais une promotion en accueil.

Typographie et couleurs tirées du magasin.

Les références de ceux qui vivent des guitares.

La direction fonctionnait, mais restait une brochure.

Tout fonctionnait, avec un rendu générique.

Du caractère là où il porte.

D’un F de mécaniques à une guitare invisible.

Une scène qui change de guitare toutes les cinq secondes.

Le projecteur fonctionne aussi sans souris.

Chaque geste vient de la scène.

Découvrez le résultat par vous-même.

Le meilleur moyen de juger, c’est d’essayer.