Ekodas

BU studija

Aukšto lygio plaukų studijos Kauno senamiestyje svetainė. Klientai čia ateina ne skaityti, o išsirinkti stilistą ir užsiregistruoti, todėl kiekvienas puslapis veda į vieną vietą - rezervaciją.

Tipas
Svetainė
Sritis
Grožis, plaukų studija
Platforma
Individualus kodas, statinė svetainė
Apimtis
Struktūra, dizainas, galerija, paleidimas
Bustudija.lt pradinis puslapis kompiuterio ekrane: nespalvotas portretas, antraštė ir auksinis rezervacijos mygtukas
Tas pats Bustudija.lt puslapis telefone

Projekto istorija

„BE UNIQUE“ - plaukų studija Šv. Gertrūdos gatvėje, Kauno senamiestyje: kirpimai, dažymas, šviesinimas, plaukų procedūros, šukuosenos, antakiai ir blakstienos. Studija turi puikią reputaciją „Treatwell“ platformoje, todėl svetainės uždavinys - tą reputaciją parodyti: komandą, darbus ir paslaugas.

Pradėjome nuo to, kaip klientas renkasi studiją: jis nori pamatyti rezultatą, suprasti, pas ką eis, ir greitai užsiregistruoti. Todėl svetainė sudėta iš penkių puslapių - studija, komanda, paslaugos, darbai ir kontaktai, o rezervacijos mygtukas matomas visada.

Rezultatas - tamsi, elegantiška svetainė, kuri atrodo kaip pati studija: daug oro, nespalvotos nuotraukos, kurios atgyja slenkant, ir auksinis akcentas, vedantis prie rezervacijos.

Kas buvo atlikta svetainei

Grožio studijai svetainė yra vitrina ir kelias į rezervaciją. Uždavinys buvo parodyti darbus ir žmones taip, kad lankytojas norėtų užsiregistruoti ir nepamestų, kur tai padaryti.

UI/UX dizainas ir spalvos

Tamsus fonas, ploni šriftai ir daug oro - kad svetainė atrodytų kaip pati studija, o ne kaip eilinis grožio salono šablonas. Vienintelis ryškus akcentas - švelnus auksas, kuriuo pažymėti rezervacijos mygtukai.

  • Nuotraukos nespalvotos ir nusispalvina, kai jas pasiekia slinktis
  • Pirmo apsilankymo užsklanda su logotipu, tik vieną kartą
  • Telefone meniu išsivynioja iš antraštės

Rezervacija per Treatwell

Studija rezervacijas priima per „Treatwell“, kur turi 5,0 įvertinimą ir beveik 3 800 atsiliepimų. Todėl svetainė nekuria savo kalendoriaus - kiekvienas mygtukas „Rezervuoti“ veda tiesiai į studijos rezervacijos langą, o įvertinimas parodytas jau pirmame ekrane.

  • Rezervacijos mygtukas antraštėje ir kiekviename puslapyje
  • Paslaugos, kainos ir trukmė sutikrintos su „Treatwell“
  • Penkios paslaugų grupės, antakiai ir blakstienos atskirai
  • Atsiliepimų skaičius ir įvertinimas pirmame ekrane

Darbų galerija

Galerijoje - 80 atrinktų studijos darbų. Pirmiausia rodomi kadrai, kuriuose matyti tik plaukai - rezultatas, o ne modelis. Šalia - atskiri blokai „Procesas“ ir „Erdvė“ su fotografės nuotraukomis iš studijos.

  • 80 darbų, 12 rodoma iš karto, likę - paspaudus
  • Sava nuotraukų peržiūra be išorinių bibliotekų
  • Proceso ir erdvės nuotraukos atskiruose blokuose
  • Nuoroda į studijos „Instagram“ naujausiems darbams

Komanda ir tekstai

Kiekvienas stilistas turi savo kortelę su nuotrauka, pareigomis ir biografija, kurią rašė pats. Komanda keičiasi, todėl svetainėje nėra skaičių, kuriuos reikėtų nuolat atnaujinti.

  • Stilisto kortelė su pareigomis ir biografija
  • Biografijos parašytos pačių stilistų žodžiais
  • Svečių taisyklės - apie vaikus ir augintinius
  • Kontaktai, darbo laikas ir žemėlapis viename puslapyje

Greitis ir prieinamumas

Svetainė statinė - be duomenų bazės ir be įskiepių, todėl atsidaro akimirksniu ir beveik neturi ko nulaužti. Visi puslapiai patikrinti pagal WCAG AA kontrasto reikalavimus: tamsiame dizaine pilki tekstai lengvai tampa neįskaitomi, todėl kiekviena spalvų pora išmatuota.

  • Nuotraukos WebP formatu, nustatyti matmenys
  • Kontrastas pagal WCAG AA visuose puslapiuose
  • Matomas fokusas naršantiems klaviatūra
  • Tikrinta nuo 320 px pločio, be horizontalaus slinkimo

Saugumas ir SEO

Svetainė veikia per HTTPS su griežtomis saugumo antraštėmis, adresai švarūs ir be .html galūnių. Paieškos sistemoms paruoštas svetainės žemėlapis, kanoninės nuorodos ir struktūrizuoti duomenys apie studiją.

  • Struktūrizuoti duomenys apie studiją ir paslaugas
  • HTTPS ir saugumo antraštės (CSP, HSTS)
  • Švarūs adresai be .html galūnių
  • sitemap.xml, kanoninės nuorodos, „Search Console“