EN
← Înapoi la blog

Optical Web Design

Site pentru salon de înfrumusețare: programarea pe primul ecran

Pe site-ul unui salon, butonul de programare stă pe primul ecran și rămâne la vedere. Cum arată, unde duce și ce pui sub el ca omul să-l apese.

Redacția Optical Design · redactor web3 min de citit

Pe site-ul unui salon, butonul de programare stă pe primul ecran al telefonului și rămâne la vedere cât timp omul derulează. Restul paginii (serviciile, echipa, pozele, adresa) e acolo ca să-l convingă să apese. Dacă trebuie să caute butonul, de multe ori închide pagina și scrie altui salon pe Instagram.

De ce pe primul ecran

Cine intră pe site-ul unui salon are, de obicei, deja o intenție: vrea o oră liberă. A văzut un reel, a primit o recomandare, a căutat „salon unghii” în zonă. Nu are nevoie de o poveste lungă înainte, are nevoie de drumul cel mai scurt spre o programare.

Așa că primul ecran pe telefon are trei lucruri: ce faci (o propoziție), o poză reală din salon și butonul. Atât.

Și nimic peste ele. Google recomandă să nu acoperi conținutul paginii cu ferestre care ocupă tot ecranul și să folosești, dacă ai ceva de anunțat, bannere mici. Un pop-up cu „Abonează-te la newsletter” care apare exact peste butonul de programare costă programări.

Cum arată butonul

  • Textul spune ce se întâmplă: „Programează-te”, nu „Contact” sau „Află mai multe”.
  • E mare. Standardul de accesibilitate WCAG 2.2 cere, la nivelul AA, ca o țintă de atingere să aibă cel puțin 24 × 24 pixeli CSS. Asta e minimul. Noi facem butonul principal cât lățimea ecranului, pentru degetul mare.
  • Rămâne la vedere: o bară fixă jos, cu „Programează-te”, WhatsApp și „Sună”. Omul derulează prin poze și butonul e mereu sub deget.
  • Se vede: culoare puternică, contrast bun cu fundalul, nu un contur subțire gri.

Unde duce

Cel mai bun drum e un sistem de programări în care omul alege serviciul, specialistul și ora liberă, fără să aștepte un răspuns. Am scris despre ce face un astfel de sistem în articolul despre aplicația de programări.

Dacă programările le faci deocamdată pe WhatsApp, butonul poate deschide conversația cu un mesaj deja scris: „Bună, aș vrea o programare pentru…”. Omul completează serviciul și ziua. Pentru cine preferă să sune, „Sună” pornește apelul dintr-o atingere.

Contează să fie un singur drum principal. Trei butoane diferite, fiecare cu alt sistem, încurcă.

Ce pui sub buton

Sub primul ecran vin, în ordinea în care omul își pune întrebările:

  1. Serviciile, fiecare cu durata și tariful, ca omul să știe pentru ce se programează.
  2. Lucrări reale, pe categorii (unghii, păr, sprâncene). Fără poze de stoc.
  3. Echipa, cu ce face fiecare. Mulți se programează la o persoană anume.
  4. Adresa, harta și programul, cu zilele în care e altfel.
  5. Întrebările dinainte: cât durează, ce aduci, cum anulezi.

După fiecare secțiune, butonul de programare apare din nou, nu doar sus.

Aceleași date pe Google

Profilul de firmă de pe Google trebuie să spună același lucru ca site-ul: programul, inclusiv programul special de sărbători, și telefonul. Pentru unele categorii, Google permite și linkuri dedicate pentru programări, pe lângă site.

În codul site-ului, datele structurate schema.org au un tip anume pentru saloane, BeautySalon, care e un fel de HealthAndBeautyBusiness și, mai departe, de LocalBusiness. Cu el îi spui lui Google clar ce ești, cu aceleași date ca pe pagină. Am explicat pe scurt cum funcționează în articolul despre schema.org.

Site-urile pentru saloane și studiouri le desenăm întâi pentru telefon; vezi lucrările noastre.

Surse

  1. Interstitials and dialogs, Google Search Centralfără ferestre care acoperă tot conținutul, bannere mici în loc
  2. Understanding Success Criterion 2.5.8: Target Size (Minimum), W3C WAIținta de atingere de cel puțin 24 × 24 pixeli CSS, nivel AA
  3. Edit your Business Profile, Google Business Profile Helpprogramul, programul special și linkurile suplimentare pentru programări în unele categorii
  4. BeautySalon, schema.orgtipul BeautySalon, sub HealthAndBeautyBusiness și LocalBusiness

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ă.