Bent Bazeni — od kompleksne ponude do premium digitalne platforme

Projekt

Bent Bazeni imaju ponudu koju nije moguće kvalitetno predstaviti kroz nekoliko klasičnih web stranica.

Bazeni različitih konstrukcija, bazenska oprema, wellness program, desetci modela hidromasažnih kada, tehnička dokumentacija, katalozi i izvedeni projekti trebali su funkcionirati kao jedna cjelina — bez osjećaja prenatrpanosti.

Zato naš zadatak nije bio samo redizajnirati postojeću web stranicu.

Cilj je bio izgraditi novu digitalnu platformu koja može organizirati kompleksnu ponudu, predstaviti je na premium način i korisnika prirodno voditi od prvog dolaska na stranicu do konkretnog upita.

---

Izazov

Kod ovakvog projekta problem nije samo količina sadržaja.

Problem je kako korisniku omogućiti da u nekoliko trenutaka razumije:

• što Bent Bazeni nude
• koje vrste bazena izvode
• koje proizvode i proizvođače zastupaju
• kakve su projekte već realizirali
• gdje pronaći tehničke informacije i kataloge
• kako poslati konkretan upit

Istovremeno je trebalo sačuvati premium karakter brenda i izgraditi tehničku strukturu koja neće postati prepreka kako sadržaj i ponuda budu rasli.

Umjesto da sve pokušamo smjestiti u jednu veliku prezentacijsku stranicu, projekt smo razložili u jasno definirane sadržajne cjeline i povezali ih u jedno korisničko iskustvo.

---

Nova informacijska arhitektura

Jedan od prvih koraka bio je organizirati ponudu prema načinu na koji je korisnici stvarno traže.

Bazeni su razdvojeni prema vrsti konstrukcije na zasebne cjeline poput betonskih, montažnih, inox, keramičkih, polipropilenskih i poliesterskih bazena.

Wellness ponuda dobila je vlastitu strukturu s odvojenim programima proizvođača Wellis i Treesse.

Bazenska oprema dodatno je organizirana kroz kategorije poput filtracije, pumpi, dezinfekcije, grijanja, rasvjete, obloga, prekrivača, usisavača i vodenih atrakcija.

Time je velika količina sadržaja pretvorena u jasnu hijerarhiju u kojoj korisnik ne mora znati gdje se nešto nalazi — struktura ga sama vodi prema relevantnom sadržaju.

---

Više od 50 modela wellness programa

Poseban izazov predstavljao je wellness segment.

Na webu je strukturirano 34 modela iz Wellis programa kroz više kolekcija te 24 modela Treesse programa.

Umjesto klasičnog webshop pristupa, proizvodi su predstavljeni kao informativno-prodajni katalog.

Korisnik može pregledavati modele, njihove osnovne karakteristike i dimenzije te nakon toga nastaviti prema konkretnom upitu.

To je važna razlika.

Kod proizvoda čija konačna ponuda ovisi o modelu, konfiguraciji, prostoru i zahtjevima projekta klasična košarica nije nužno najbolji prodajni alat.

Digitalno iskustvo zato je prilagođeno stvarnom načinu na koji Bent Bazeni posluju.

---

Projekti kao dio prodajnog procesa

Izvedeni projekti nisu tretirani samo kao galerija fotografija.

Na web je implementiran strukturirani pregled 19 referentnih projekata koji se mogu filtrirati prema vrsti projekta, tipu objekta, lokaciji i određenim tehnološkim karakteristikama.

Time posjetitelj može vrlo brzo pronaći radove slične projektu koji sam planira.

Za odabrane projekte omogućena je i detaljnija prezentacija izvedbe, čime portfolio prestaje biti samo vizualni dodatak i postaje važan dio izgradnje povjerenja.

---

Premium vizualni smjer

Kod bazena i wellness proizvoda fotografija je jedan od najvažnijih elemenata komunikacije.

Zbog toga je dizajn namjerno napravljen tako da sadržaj ne konkurira fotografijama.

Velike vizualne površine, kontrolirana tipografija, dovoljno praznog prostora i pažljivo strukturirane sekcije omogućuju da projekti i proizvodi ostanu u prvom planu.

Uz osnovno svijetlo sučelje implementirana je i tamna tema, pri čemu je sustav napravljen tako da se korisnikov odabir pamti i primjenjuje prije renderiranja stranice kako bi se izbjeglo neugodno treperenje prilikom učitavanja.

Cijeli vizualni sustav izgrađen je bez gotovog CSS frameworka.

To nam je omogućilo potpunu kontrolu nad izgledom i ponašanjem stranice.

---

Hrvatski i engleski kao ravnopravne verzije weba

Projekt je od početka strukturiran kao dvojezična platforma.

Hrvatski sadržaj nalazi se na primarnoj domeni, dok engleska verzija koristi /en/ strukturu i potpuno prevedene URL-ove.

To znači da se primjerice hrvatska stranica za betonske bazene i njezina engleska verzija ne razlikuju samo po tekstu, nego imaju vlastite semantičke URL strukture.

Jezične verzije međusobno su povezane kroz canonical i hreflang signale kako bi i korisnici i tražilice razumjeli odnos između hrvatskog i engleskog sadržaja.

---

SEO nije dodan nakon dizajna

Jedna od važnijih odluka bila je da SEO ne tretiramo kao završni korak projekta.

SEO je ugrađen u samu arhitekturu weba.

Implementirani su:

• jedinstveni title i meta description podaci
• canonical URL-ovi
• HR/EN hreflang poveznice
• sitemap infrastruktura
• robots pravila
• Open Graph i social sharing metadata
• strukturirani Schema.org podaci
• LocalBusiness podaci
• breadcrumb struktura
• strukturirani podaci za usluge
• IndexNow integracija
• llms.txt za strukturirano predstavljanje sadržaja AI sustavima

Strukturirani podaci pritom nisu napravljeni tako da umjetno prikazuju ocjene ili recenzije koje tražilice ne bi smjele tretirati kao neovisne.

Cilj je bio izgraditi tehnički ispravnu osnovu za dugoročnu organsku vidljivost, a ne tražiti kratkoročne SEO prečace.

---

Migracija bez gubitka postojeće strukture

Redizajn web stranice ne završava objavljivanjem novog dizajna.

Promjena URL strukture bez pravilne migracije može ostaviti desetke starih poveznica koje završavaju na 404 stranicama i izgubiti dio vrijednosti koju je domena godinama gradila.

Zbog toga smo mapirali staru strukturu weba i implementirali 79 trajnih preusmjeravanja prema novim odgovarajućim stranicama.

Stari URL-ovi s prethodne WordPress i galerijske strukture tako korisnike i tražilice usmjeravaju prema relevantnom sadržaju na novom webu.

Primarna domena postavljena je na bentbazeni.hr, dok alternativne .com i www varijante vode prema kanonskoj .hr domeni.

---

Katalozi kao dio web iskustva

Na web je integrirana zasebna biblioteka tehničkih i produktnih kataloga.

Trenutno obuhvaća 10 kataloga proizvođača Wellis, Treesse i Fluidra.

Svaki katalog ima vlastitu naslovnicu, informacije o sadržaju, broju stranica i veličini dokumenta te izravnu mogućnost pristupa PDF dokumentu.

Na taj način korisnik koji želi samo pregledati ponudu ostaje u jednostavnom iskustvu web stranice, dok korisnik kojem trebaju detaljne tehničke informacije ima pristup opsežnijoj dokumentaciji.

---

Upit umjesto generičnog kontakta

Kontaktni obrazac razvijen je kao dio prodajnog procesa, a ne samo kao obavezna kontakt forma na dnu stranice.

Sustav bilježi s koje stranice korisnik šalje upit, provjerava unesene podatke i šalje poruku izravno prema email infrastrukturi Bent Bazena.

Implementirana je i serverska validacija te više zaštitnih mehanizama protiv automatiziranog spama.

Ako JavaScript u pregledniku nije dostupan, obrazac i dalje može funkcionirati kroz klasični HTML zahtjev.

Time jedna od najvažnijih konverzijskih funkcija stranice nije potpuno ovisna o klijentskom JavaScriptu.

---

Performanse bez nepotrebnog framework overheada

Za sadržajni dio projekta odabrali smo Astro arhitekturu sa statičkim generiranjem stranica.

Većina weba korisniku se isporučuje kao unaprijed generirani HTML, dok se serversko izvršavanje koristi samo tamo gdje je stvarno potrebno, primjerice kod slanja obrazaca.

Na klijentskoj strani nisu korišteni React, Vue ni drugi veliki JavaScript frameworkovi.

Interaktivni dijelovi napisani su ciljano u čistom JavaScriptu.

Slike su većinom pripremljene u WebP formatu, sadržaj ispod početnog prikaza koristi lazy loading, a ključni hero resursi dobivaju prioritet prilikom učitavanja.

Čak se i fontovi preuzimaju tijekom build procesa i poslužuju lokalno, bez dodatnog zahtjeva prema Googleovim poslužiteljima.

---

Pristupačnost kao dio izvedbe

Pristupačnost nije ostavljena za kraj projekta.

Navigacija uključuje mogućnost preskakanja izravno na glavni sadržaj pomoću tipkovnice, obrasci koriste odgovarajuće ARIA oznake, a greške se korisniku jasno signaliziraju.

Galerijski lightbox podržava navigaciju tipkovnicom, Escape za zatvaranje, kontrolu fokusa te touch geste na mobilnim uređajima.

Web također poštuje korisničku postavku prefers-reduced-motion i u tom slučaju zaustavlja automatski hero video.

To su detalji koje velik dio korisnika možda nikada neće svjesno primijetiti.

Ali upravo takvi detalji razlikuju stranicu koja samo dobro izgleda od kvalitetno izrađenog digitalnog proizvoda.

---

Privatnost bez nepotrebnog praćenja

U trenutnoj verziji stranice nisu implementirani Google Analytics, Meta Pixel niti drugi sustavi praćenja posjetitelja.

Web ne postavlja analitičke kolačiće i zbog toga mu nije potreban klasični cookie banner za takve servise.

Upiti korisnika također se ne spremaju u zasebnu bazu podataka, već se prosljeđuju prema poslovnom emailu.

Ovo nije slučajni nedostatak integracije, nego trenutačna tehnička i privatnosna arhitektura projekta.

---

Rezultat

Bent Bazeni dobili su puno više od vizualnog redizajna.

Nova platforma objedinjuje:

31 generiranu stranicu, dvojezični HR/EN sustav, više od 50 wellness modela, 19 referentnih projekata, 10 produktnih kataloga, katalog bazenske opreme, kontaktni sustav i kompletnu tehničku SEO infrastrukturu.

Iza jednostavnog korisničkog iskustva nalazi se struktura napravljena tako da veliki broj različitih vrsta sadržaja djeluje kao jedna koherentna cjelina.

Za nas je upravo to bio glavni cilj projekta.

Ne napraviti web koji samo izgleda bolje od prethodnog, nego razumjeti kako Bent Bazeni stvarno posluju i tu kompleksnost pretvoriti u digitalno iskustvo koje je korisniku jednostavno.