ZG Memory
Razigrana, interaktivna mikro web stranica osmišljena za upoznavanje zagrebačkih četvrti kroz vizualnu prezentaciju i prilagođenu memory igru.
Kontekst i ciljevi projekta
ZG Memory je razvijen za Greethings kao samostalno digitalno iskustvo u potpunosti posvećeno Zagrebu. Cilj nije bio zamijeniti postojeću e-commerce web stranicu, već isporučiti vizualno profinjeniji i interaktivniji sloj koji prati razigrani smjer brenda i obraća se mlađoj publici.
- Izraditi zaseban zagrebački mikrosite usklađen s vizualnim smjerom brenda Greethings
- Isporuka kvalitetnijeg interaktivnog iskustva izvan uobičajenih WordPress ograničenja
- Predstaviti zagrebačke četvrti kroz prepoznatljive vizualne motive i ilustracije
- Koristiti igru kao glavni mehanizam angažmana, a ne dugi tekstualni sadržaj
- Osigurati glatko i responzivno iskustvo na desktop i mobilnim uređajima
Rješenje i pristup
Kako su promišljene odluke oblikovale konačni proizvod
Memory igra kao središnje iskustvo
Memory igra predstavlja središnju interakciju. Korisnici uče motive četvrti kroz ponavljanje i vizualne asocijacije, pretvarajući otkrivanje u igru umjesto čitanja dugog sadržaja.
- Model interakcije koji stavlja igru na prvo mjesto
- Učenje kroz vizualno prepoznavanje
- Brz početak uz minimalno opterećenje
Provedba snažnog vizualnog smjera
Greethings je definirao jasan vizualni smjer: snažne boje, pokret, razigrani ritam i motive inspirirane Zagrebom. Naša uloga bila je provesti tu viziju kroz čistu strukturu, dosljednu hijerarhiju i uglađeno interaktivno iskustvo.
- Vjerna provedba dizajnerskog smjera definiranog od strane klijenta
- Profinjeno razmještanje elemenata i uravnotežen layout radi bolje jasnoće
- Dodani interaktivni detalji koji povećavaju angažman
Informativne kartice kao kontekstualni sloj
Kartice četvrti iznad igre objašnjavaju motive i pružaju kulturni kontekst. Sadržaj nadopunjuje iskustvo bez natjecanja s igrom.
- Prvo kontekst, zatim interakcija
- Dosljedan ilustracijski jezik kroz cijelu stranicu
- Opcionalno istraživanje bez nametanja navigacije
Prilagođeni frontend za kreativnu slobodu
Web stranica je izrađena izvan WordPressa kako bi se izbjegla kreativna i tehnička ograničenja. Lagana React i Vite konfiguracija omogućila je potpunu kontrolu nad animacijama, interakcijama i responzivnim ponašanjem.
- React + Vite jednostranična aplikacija
- Bez backenda i vanjskih integracija
- Responzivna implementacija s naglaskom na mobilne uređaje
Ključna sučelja proizvoda
Ključni ekrani i interakcije koje definiraju iskustvo
Ilustrirani motivi četvrti
Svaka četvrt prikazana je jasnim vizualnim motivom, osmišljenim za trenutno prepoznavanje i pamćenje kroz ponavljanje u igri.
Interaktivna memory igra
Glatke interakcije uz opcionalne zvučne efekte koji pojačavaju osjećaj igre bez dodatne složenosti.
Mobile-first responzivnost
Cjelokupno iskustvo ostaje čitljivo, responzivno i dosljedno na mobilnim uređajima, uključujući igru i pregled sadržaja.
Rezultati
ZG Memory je Greethingsu omogućio posebno zagrebačko iskustvo osmišljeno za mlađu publiku, spajajući kulturne motive s interaktivnom igrom. Izrađen izvan WordPress ograničenja, mikrosite donosi višu vizualnu kvalitetu, bolje performanse i ujednačeniji dojam brenda, uz zadržavanje postojeće e-commerce stranice.
Imate projekt na umu?
Razgovarajmo o vašim ciljevima i pronađimo pravo rješenje zajedno.
Zakaži besplatnu konzultaciju