Botiga de guitarres Barcelona

Fanatic Guitars

Una botiga de guitarres que sona a concert.

Fanatic Guitars és una botiga de guitarres de Barcelona amb taller propi des de 1998. El cas ensenya les nou etapes del procés: com vam trobar la marca, què es va descartar en cada versió i per què el web final posa les seves guitarres sobre un escenari.

Visitar Fanatic Guitars

Portada de Fanatic Guitars: una Gibson Firebird al seu estoig carmesí il·luminada per un focus, amb el nom FIREBIRD en gran

Un web a l'alçada de les seves fotos.

Fanatic Guitars fotografia cada instrument amb una sessió completa: la guitarra al seu estoig obert, amb amplificadors al fons i la mateixa llum càlida, i després cada detall per separat. Aquestes fotos viuen al seu Instagram, però el seu web obre amb un bàner d'ofertes i una foto de catàleg d'una altra marca. L'objectiu era un web on les seves guitarres es vegin com a les seves fotos i que faci tot el que fa el seu: catàleg, filtres, segona mà, ofertes, marques, taller, compte, bossa i dos idiomes.

Un concert, no una galeria.

La botiga demanava concert, no galeria. El fons és el negre de la seva sala d'amplificadors i el color el posa cada guitarra amb el seu estoig: carmesí a les Gibson, mostassa a les Fender, verd a la Heritage. Archivo ampla i en majúscules només apareix als moments d'escenari: el nom de la guitarra, el cartell i l'adreça de la botiga. El relat de cada instrument va en Caslon cursiva, com el certificat que viatja dins de l'estoig. El catàleg va en blanc, com les botigues dels fabricants.

Nou etapes fins que la botiga va sonar a concert.

Cada etapa es va descartar o corregir per un motiu concret. Aquestes són les captures reals de cadascuna.

01 La cerca
Una marca amb fotos de professional i un web que no les ensenya.
Vam revisar comptes de producte un per un. Les botigues artesanes tenien fotos de mòbil, la joieria que surt a la premsa ja tenia un bon web i el luxe de posa no ens interessava. Fanatic Guitars complia les dues condicions.
02 Les seves fotos davant del seu web
150 sessions d'estudi i una portada amb un bàner d'ofertes.
Cada guitarra estava fotografiada igual: estoig obert, amplificadors al fons i llum càlida. El seu web obria amb una oferta i una foto de catàleg d'una altra marca, i a la fitxa la foto sortia rentada.
03 Primer tauler
Tipografia i color trets de la mateixa botiga.
35 seccions de plantilles editorials, cinc tipografies inspirades en la botiga, com les plaques dels amplificadors o els certificats de Custom Shop, i quatre paletes mesurades en els píxels de les seves fotos. D'aquí van sortir Archivo ampla, Caslon cursiva i el color de cada estoig. Però les plantilles tenien aire de galeria.
04 Segon tauler
Les referències de qui viu de les guitarres.
66 seccions de Fender, Gibson, Martin, Orange, Metallica i Primavera Sound. La selecció semblava dispersa, però seguia sis regles: guitarres al seu lloc real, majúscules curtes, base negra, persones i història, la paret de guitarres i talls en diagonal.
05 Primera portada
La direcció funcionava, però era un fulletó.
L'escenari amb el focus, el color de cada estoig i el cartell de festival van funcionar a la primera. Fallaven dues coses: una etiqueta petita damunt de cada bloc, el tic més reconeixible d'un web fet amb IA, i que només existia la portada.
06 Botiga completa
Ho feia tot i es notava feta amb IA.
Catàleg real, filtres, fitxa, preferits, bossa, pagament, compte i dos idiomes. Però el fons crema, la lletra ampla a tots els títols, la fletxa que treia el cap als botons i les caselles del navegador li donaven un aire genèric.
07 La revisió
El caràcter, només on sona.
La botiga va passar al blanc, la lletra ampla va quedar per als moments d'escenari i els filtres es van tornar tipogràfics. Cada foto es mesura per saber si omple el marc o sura sobre el blanc, i la fitxa tècnica destaca les quatre característiques que decideixen.
08 El favicon
D'una F de clavilles a una guitarra invisible.
El primer favicon era una F dibuixada amb el cantell del pal i dues clavilles de Gibson. El definitiu és una silueta que toca una guitarra que no hi és, treta d'una foto d'en Zinddin fent el gest. Cap en una pestanya i es reconeix a la primera.
09 Versió final
Un escenari que canvia de guitarra cada cinc segons.
La portada gira sola entre cinc guitarres, es queda quinze segons a la que tria el visitant i tenyeix la pàgina del color del seu estoig. El cartell, la botiga i les fitxes comparteixen el mateix llenguatge.

Cada decisió respon a una necessitat concreta.

La portada és un escenari a les fosques: el cursor és el focus que il·lumina la guitarra. Cada cinc segons en puja una altra i, si el visitant en tria una, s'hi queda quinze.
Les novetats es presenten com el cartell d'un festival, amb els caps de cartell més grans. El punt només separa noms que comparteixen línia.
Les quinze guitarres amb sessió completa tenen una fitxa d'escenari amb totes les fotos i la seva història. La resta del catàleg fa servir la fitxa de botiga, amb les quatre característiques que decideixen la compra a la vista.
Les fotos de fabricant suren sobre el blanc i les seves, com les de segona mà, omplen el marc. Per decidir-ho es mesuren els cantons de cada foto.
El catàleg és el real: 1.251 productes, 43 categories i 102 marques, amb el seu preu i el seu estoc.

El focus també funciona sense ratolí.

Al mòbil no hi ha cursor, així que el focus recorre la guitarra sol. El cartell passa a una lletra més estreta perquè cada nom càpiga en una línia, els filtres es recullen en un desplegable i la llista de l'escenari es queda a dalt, a un toc.

Cada gest surt de l'escenari.

En passar el ratolí per un nom del cartell apareix la seva guitarra i el nom pren el seu color. Una línia sota la guitarra activa marca el torn i s'atura amb el ratolí a sobre. Hi ha preferits, bossa amb quantitats i un pagament amb les seves condicions reals: enviament gratuït des de 50 € a la Península, recollida a Diputació 282, SeQura i PayPal. En confirmar, el web avisa que és una proposta i diu on comprar de veritat.

No cal imaginar el resultat.

Web publicat a fanatic-guitars.websdelcamp.cat
Catàleg real de 1.251 productes i 102 marques
Fitxa, preferits, bossa i pagament navegables
Castellà i anglès
Nou etapes de disseny documentades

La millor prova és veure com funciona.

Visitar Fanatic Guitars Parlem del teu projecte

Un web a l'alçada de les seves fotos.

Un concert, no una galeria.

Cada gest surt de l'escenari.

Fanatic Guitars

Una botiga de guitarres que sona a concert.

Un web a l'alçada de les seves fotos.

Un concert, no una galeria.

Una marca amb fotos de professional i un web que no les ensenya.

150 sessions d'estudi i una portada amb un bàner d'ofertes.

Tipografia i color trets de la mateixa botiga.

Les referències de qui viu de les guitarres.

La direcció funcionava, però era un fulletó.

Ho feia tot i es notava feta amb IA.

El caràcter, només on sona.

D'una F de clavilles a una guitarra invisible.

Un escenari que canvia de guitarra cada cinc segons.

El focus també funciona sense ratolí.

Cada gest surt de l'escenari.

No cal imaginar el resultat.

La millor prova és veure com funciona.

Fanatic Guitars

Una botiga de guitarres que sona a concert.

Un web a l'alçada de les seves fotos.

Un concert, no una galeria.

Una marca amb fotos de professional i un web que no les ensenya.

150 sessions d'estudi i una portada amb un bàner d'ofertes.

Tipografia i color trets de la mateixa botiga.

Les referències de qui viu de les guitarres.

La direcció funcionava, però era un fulletó.

Ho feia tot i es notava feta amb IA.

El caràcter, només on sona.

D'una F de clavilles a una guitarra invisible.

Un escenari que canvia de guitarra cada cinc segons.

El focus també funciona sense ratolí.

Cada gest surt de l'escenari.

No cal imaginar el resultat.

La millor prova és veure com funciona.