Case Study 01

Arena

Prostor koji se osjeti prije nego što se posjeti.

Web stranica luksuzne svadbene dvorane

Arena — luxury wedding hall interior at dusk
Industrija
Vjenčanja i događanja
Usluge
Strategija, UX/UI, Development
Godina
2026
Status
Uživo
02

Pregled projekta

Arena je svadbena dvorana čija je najveća prednost — atmosfera — bila potpuno nevidljiva online. Cilj projekta nije bio napraviti ljepšu stranicu, nego prenijeti osjećaj prostora u trenutku kada par prvi put donosi emocionalnu odluku o mjestu svog vjenčanja.

  • Jedna stranica koja zamjenjuje razgovor prije razgovora.
  • Fotografija kao primarni nositelj poruke.
  • Upit kao prirodan sljedeći korak, nikad kao pritisak.
03

Izazov

Parovi uspoređuju pet do deset dvorana istovremeno, uglavnom na mobitelu i uglavnom navečer. Prethodna prisutnost svodila se na album fotografija bez konteksta: bez kapaciteta, bez tijeka večeri, bez cijena, bez jasnog puta prema upitu. Odluka je zbog toga padala na temelju cijene, a ne doživljaja.

04

Ciljevi

01

Prenijeti atmosferu dvorane unutar prvih pet sekundi.

02

Odgovoriti na tri ključna pitanja: kapacitet, termin, dojam.

03

Povećati broj kvalificiranih upita, ne broj klikova.

04

Osigurati besprijekorno mobilno iskustvo pri slabijoj vezi.

05

Discovery i strategija

Prije dizajna analizirali smo stvarne upite, razgovore s parovima i konkurentske stranice u regiji. Pokazalo se da parovi ne traže više informacija — traže sigurnost. Strategija je zato bila reduktivna: manje sadržaja, jasnije obećanje, snažnija fotografija.

Uvid 01

Odluka se donosi emocionalno, a opravdava racionalno — stranica mora podržati oba trenutka.

Uvid 02

Kapacitet i termin su pitanja koja blokiraju sve ostalo. Moraju biti vidljiva odmah.

Uvid 03

Povjerenje raste kroz konkretnost: brojeve, prostorije, imena, stvarne fotografije.

06

WEBINITY Framework

Svaki WEBINITY Original nastaje kroz isti okvir od pet faza. Okvir je konstantan, izvedba je uvijek jedinstvena.

01Discover

Poslovanje, korisnici, tržište i stvarna pitanja koja klijenti postavljaju.

02Define

Strategija, poruka, informacijska arhitektura i mjerila uspjeha.

03Design

Tipografija, mjerilo, fotografija, ritam i dizajn sustav.

04Develop

Čista izvedba, performanse, pristupačnost i SEO temelji.

05Deliver

Lansiranje, mjerenje, iteracija i dugoročna podrška.

07

UX proces

Mapiranje puta

Od inspiracije do obilaska dvorane definirali smo pet koraka i jedno pitanje koje svaki korak mora riješiti.

Informacijska arhitektura

Sadržaj je posložen prema redoslijedu pitanja, a ne prema internoj strukturi tvrtke.

Wireframe

Struktura je testirana bez fotografija kako bi hijerarhija funkcionirala i bez emocionalne potpore.

Prototip

Mobilni prototip proveden je kroz stvarni scenarij: navečer, jednom rukom, uz slabu vezu.

08

Dizajn sustav

Sustav je namjerno malen. Manje varijabli znači dosljedniji dojam na svakoj stranici i jednostavnije održavanje.

Arena design system: typography, palette and materials
TipografijaSerif za naslove, humanistički sans za tekst
MjeriloModularna skala 1.25 s velikim razmacima
BojaDuboka noćna baza, topla krem, zlatni akcent
FotografijaTopao ton, prirodno svjetlo, bez filtera
RadijusiMekani, konzistentni, nikad dekorativni
PokretFade up i soft scale, 400–700 ms
09

High fidelity dizajn

Finalni dizajn gradi ritam: široki fotografski trenuci, pa mirne tekstualne pauze. Prostor između sekcija jednako je važan kao i sam sadržaj.

Arena website shown on laptop and tablet
10

Iza odluka

Informacijska hijerarhija

Kapacitet i atmosfera dolaze prije povijesti tvrtke jer to je prvo pitanje svakog para.

Navigacija

Pet stavki, bez padajućih izbornika. Svaki dodatni izbor usporava odluku.

Tok rezervacije

Upit je kratka forma s tri obavezna polja. Datum je opcionalan jer većina parova još nema fiksni termin.

Fotografija

Bez stock materijala. Samo stvarni prostor, u stvarnom svjetlu, jer autentičnost je jedini dokaz.

Tipografija

Serif nosi emociju, sans nosi informaciju. Podjela uloga sprječava dekorativni nered.

Razmaci

Velikodušan prostor signalizira sigurnost. Gusti layout podsvjesno komunicira jeftinije.

Pristupačnost

Kontrast iznad AA, fokus stanja, semantički naslovi i alt tekstovi na svakoj fotografiji.

Responzivno ponašanje

Mobilni layout nije smanjeni desktop — redoslijed sekcija se mijenja prema mobilnim namjerama.

Premium percepcija

Luksuz nastaje iz suzdržanosti: manje elemenata, sporije animacije, bolja fotografija.

11

Finalni rezultat

Rezultat je stranica koja radi kao prvi razgovor: jasna, mirna i uvjerljiva. Upiti dolaze bolje pripremljeni, s poznatim kapacitetom i realnim očekivanjima.

5s
Do prve emocionalne poruke
3
Polja u formi za upit
100%
Mobilno optimizirano
AA+
Kontrast i pristupačnost
12

Naučene lekcije

  • Kada je proizvod prostor, fotografija je strategija — ne ukras.

  • Skraćivanje forme povećava kvalitetu upita više nego bilo koja izmjena dizajna.

  • Sporije animacije čitaju se kao samopouzdanje; brze kao nervoza.

13

Sljedeći projekt

Uskoro

Smile Dental

Web stranica premium dentalne klinike

Trenutno nastaje sljedeći WEBINITY Original.