Mane's Barbershop

Kontekst

Salon dobija termine preko telefona i poruka, što znači prekidanje posla usred šišanja i termine koji se pamte napamet. Sajt je trebalo da uradi dve stvari: da pokaže rad i atmosferu salona nekome ko bira gde će prvi put da ode, i da zakazivanje izvuče iz telefonskog razgovora.

Dve godine kasnije vratili smo se na projekat. Sadržaj je radio svoj posao, ali prvi ekran nije govorio ništa što drugi salon ne bi mogao da stavi na svoj sajt, a zakazivanje se u međuvremenu preselilo na Instagram. Redizajn je trebalo da promeni utisak na prvom ekranu i da sajt uskladi sa načinom na koji salon zaista radi.

Šta smo isporučili

Prva verzija je dala pregled usluga, sekciju o salonu, galeriju radova i formu za zakazivanje sa izborom usluge, datuma i vremena. Redizajn je zadržao tu strukturu i promenio ton: tamne i svetle sekcije koje se smenjuju, krupna tipografija i hero u kojem stoje trodimenzionalne makaze koje posetilac može da rastavi i sklopi.

Makaze nisu slika ni gotov model preuzet sa interneta. Geometrija je napisana u kodu, sa Three.js-om: sečiva, prstenovi i osovina izvučeni su iz kontura i profila, delovi se sklapaju u celinu dok se stranica učitava, scena prati pokazivač i povremeno napravi rez. Zato uz stranicu ne ide fajl modela, a oblik se menja u kodu umesto ponovnim izvozom iz programa za 3D.

Scena je namerno ograničena. Učitava se kao poseban deo koda, i to samo na desktopu sa dovoljno jezgara i memorije. Preskače se kada je uključeno smanjenje animacija ili štedljiva veza, staje kada hero izađe iz vidnog polja ili se prebaci kartica. Telefoni i uređaji bez WebGL-a dobijaju statičnu sliku istih makaza, pa ne preuzimaju Three.js.

Zakazivanje vodi pravo u Instagram poruke, jer salon tako i radi. Usluge sa cenama i kategorijama, galerija radova i brojevi u sekciji o salonu stoje u Sanity studiju koji vlasnik menja sam; ako CMS ne odgovori, sajt prikaže vrednosti upisane u kod umesto praznih polja. Prvi ekran pokazuje da li je salon sada otvoren i do kada, cenovnik prikazuje fotografiju izabrane usluge, a radovi iz galerije se otvaraju preko celog ekrana. Kontakt forma, mapa i radno vreme su na dnu stranice. Uradili smo dizajn, tekstove, 3D scenu i hosting.

Kako radi danas

Sajt radi na manemuskifrizer.com na srpskom jeziku. Prikazuje usluge podeljene na šišanje, bradu i ostalo, sekciju o salonu, galeriju radova, radno vreme i kontakt, a dugme za zakazivanje vodi na Instagram profil salona. Ostaje na našem hostingu i održavanju.