EN
← Înapoi la blog

Optical Web Design

Site pentru salon de tatuaje: portofoliul înainte de toate

Galeria pe stiluri, programarea la o atingere, răspunsurile la întrebările grele și pozele care se încarcă repede: ce pui pe site-ul unui salon de tatuaje.

Redacția Optical Design · redactor web3 min de citit

Pe un site de salon de tatuaje, lucrările fac vânzarea. Omul care vrea un tatuaj se uită întâi la poze, apoi la artist, apoi la cum se programează. Textul de prezentare îl citește, dacă îl citește, la final. De aceea site-ul se construiește în jurul galeriei, iar restul o servește.

Galeria, pe stiluri

Cineva care vrea un tatuaj fin, black & grey, nu are răbdare să deruleze printre o sută de lucrări color. Împarte galeria pe stiluri și lasă-l să filtreze. Câteva categorii clare ajung: black & grey, color, linie fină, lettering, cover-up, piercing, după ce faci tu.

Câteva reguli pe care le aplicăm:

  • poze reale, pe piele vindecată când se poate; o lucrare proaspătă, roșie în jur, nu arată cum va fi peste o lună;
  • lumină bună și fundal liniștit, fără filtre care schimbă culorile;
  • la fiecare lucrare, artistul care a făcut-o, ca omul să știe pe cine caută;
  • puține și bune, nu tot telefonul; o galerie de 300 de poze slabe ascunde cele 30 bune.

Gândește galeria pentru degetul mare: filtrele stau sus, ca niște butoane mari, iar lucrările se răsfoiesc pe telefon una după alta. Un fundal închis ajută multe portofolii de tatuaje, pentru că cerneala iese mai bine în evidență. Pozele au tot spațiul, textul doar le pune în lumină.

Artiștii, cu fața și cu stilul lor

Într-un salon cu mai mulți tatuatori, clientul alege un om, nu o firmă. Fiecare artist are nevoie de o mică pagină sau secțiune: poza lui, stilurile în care lucrează și câteva lucrări de-ale lui. Dacă cineva caută un artist anume, trebuie să-l găsească în două atingeri.

Programarea, la o atingere

Butonul de programare stă sus, la vedere, pe orice pagină. Pe telefon îl ții într-o bară fixă. Poate fi un formular scurt, un link spre WhatsApp sau un sistem de programări. Formularul bun pentru tatuaje cere puține lucruri: ideea, zona corpului, mărimea aproximativă și, opțional, o poză de referință.

Explică și ce urmează după mesaj. „De la mesaj la tatuaj” poate fi o listă de patru pași: ne scrii, discutăm ideea, facem desenul, stabilim ziua. Pentru cineva la primul tatuaj, pașii scriși dinainte iau o parte din emoții.

Întrebările grele, cu răspuns pe site

Toată lumea întreabă aceleași lucruri înainte de primul tatuaj: cât doare, cât durează, cum îl îngrijesc, ce fac dacă vreau să acopăr unul vechi. Pune-le într-o secțiune de întrebări, cu răspunsuri care se deschid pe loc. Omul le citește noaptea, când nu vrea încă să scrie, și vine la salon mai liniștit. Iar tu primești mai puține mesaje cu aceleași întrebări.

Prețul nu trebuie scris pe site dacă depinde de fiecare lucrare. Spune doar de ce depinde: mărime, detalii, zonă, numărul de ședințe.

Pozele care se încarcă repede

O galerie mare e și o problemă de viteză. Două lucruri tehnice fac diferența:

  • imagini în mai multe mărimi. Cu atributele srcset și sizes, telefonul descarcă o variantă mică, nu poza de desktop, și economisește date;
  • încărcare amânată (loading="lazy") pentru pozele de mai jos în pagină. Prima poză, cea vizibilă când se deschide pagina, nu o amâni, pentru că exact ea trebuie să apară repede. Și pui lățimea și înălțimea fiecărei imagini, ca pagina să nu sară când se încarcă pozele.

Acordul clientului pentru poze

O poză cu un tatuaj pe un braț sau pe o față poate identifica un om, deci e o dată personală în sensul GDPR. Înainte să pui lucrarea pe site sau pe rețele, cere acordul clientului, în scris, chiar și un mesaj salvat. Și ține minte că el își poate retrage acordul oricând, la fel de ușor cum l-a dat; atunci scoți poza.

Dacă vrei să vedem cum ar arăta asta pentru salonul tău, găsești pe pagina de servicii ce facem. Pentru câte poze și în ce ordine, am scris și despre galeria foto de pe site.

Surse

  1. Browser-level image lazy loading, web.devcum funcționează `loading="lazy"`, de ce nu amâni imaginile din primul ecran și de ce pui lățimea și înălțimea
  2. Using responsive images in HTML, MDNatributele `srcset` și `sizes` și economia de date pe telefon
  3. EUR-Lex: Regulamentul (UE) 2016/679 (GDPR)art. 4 pct. 1: definiția datelor personale; art. 7 alin. 3: retragerea acordului oricând, la fel de ușor ca acordarea lui

Verificat: surse Xenia Pușcașu · editare Nora Vlăsceanu · SEO Mihnea Tăbăcaru

Vrei asta pentru firma ta?

Spune-ne în două rânduri ce ai nevoie. Revenim cu un plan și o ofertă.