Sauna Wellness: web stranica za Auroom saune u Hrvatskoj
Fitness oprema d.o.o. iz Zagreba u Hrvatskoj prodaje saune Auroom, proizvođača koji ručno izrađuje saune od termo-drva više od 25 godina. Trebali su web na domeni sauna-wellness.hr sa svim modelima s Auroomove stranice, s opisima i videima, ali prilagođen njima i na hrvatskom. Za njih sam dizajnirao i izradio cijeli web, preveo sav sadržaj i postavio ga na njihov hosting.
Smjer dizajna zove se „Žar i para”. Stranica je tamna kao sauna navečer, s narančastim akcentom boje žara, a svijetle sekcije u tonu svijetlog drva daju oku predah. Naslovi su u fontu Gilda Display, tekst u Manropeu. Na naslovnici se iz dna ekrana diže para, nacrtana uživo na canvasu. Uz rub ekrana stoji termometar koji se dok se stranica lista penje od 40 do 100 stupnjeva. Sadržaj se otkriva postupno, a slike se lagano pomiču s listanjem.
Katalog ima 17 modela: osam unutarnjih i devet vanjskih, među kojima su i vanjski tuš VelAqua i ledena kupka VelEira. Filter dijeli modele na unutarnje i vanjske, a brojač prati odabir. Tko ne zna odakle krenuti, na naslovnici ispuni kratki kviz „Koja sauna je za mene?”. Tri pitanja su o mjestu, broju osoba i stilu, a stranica zatim predloži modele koji odgovaraju.
Svaki model ima svoju stranicu. Galerija se lista kao filmska traka, s karticom za svaku veličinu ili izvedbu, na primjer Lumina M, Mini i L. Većina modela ima i video, koji se učitava tek na klik, pa stranica ostaje brza. Slijede ključne značajke, materijali i tlocrti, kod većine i tehnički list u PDF-u, te slični modeli. Cijena nema. Umjesto njih gumb „Pošalji upit za Luminu” prati posjetitelja dok lista, a obrazac već zna o kojoj je sauni riječ.
Uz saune tu su stranica Saune po mjeri, za prostore od 0,9 do 100 m², oprema i dodaci (peći, infracrveni grijači, upravljači, kamenje i arome), priča o Auroomu i kontakt s kartom. Glavni izbornik ima mega meni sa sličicom uz svaku saunu. Na mobitelu se izbornik otvara preko cijelog ekrana, filteri se slažu u mrežu, a gumb za upit pojavi se pri dnu tek kad onaj u uvodu nestane s ekrana.
Logo je klijent imao samo kao malu sliku iz potpisa maila. Precrtao sam ga u visokoj rezoluciji i pretvorio u vektor, u crnoj i bijeloj verziji. Upiti s obrasca stižu mailom na adresu tvrtke, a obrazac je zaštićen od spama bez CAPTCHA-e. Na stranici fitnessoprema.com postavio sam i malu karticu koja posjetitelje upozori da tvrtka sada prodaje i saune.
Dio posla ne vidi se na slikama. Sav sadržaj preuzet je s Auroomove stranice i preveden s engleskog. Web je prvo stajao na testnoj adresi dok ga klijent nije odobrio, a zatim je postavljen na njihov hosting, s HTTPS-om, preusmjeravanjima na https i adresu bez www, vlastitom 404 stranicom, kompresijom i sitemapom.
Tehnologije: Statični HTML, CSS i JavaScript bez frameworka, koje iz sadržaja u JSON-u slaže vlastiti generator u Pythonu. Animacije rade na GSAP-u i ScrollTriggeru, para se crta na canvasu, a sve slike su u WebP-u. Obrazac za upit radi na PHP-u. Fontovi su Gilda Display i Manrope.
