Web dizajn webshopa po mjeri
Od prazne stranice, za vaš katalog i vaše kupce.
Pisana ponuda s cijenom, rokom i planom rada je besplatna i bez obveze. Odgovor unutar 24 sata radnim danom.
Zadnji put provjereno 30. 10. 2026.
Dizajn koji radi u produkciji
Tri smjera za isti proizvod, i jedan za modu
Ekstra djevičansko · 500 ml
Maslinovo ulje
Maslinovo ulje
- SKU
- OL-500
- Berba
- 2025
- Kiselost
- ≤ 0,3 %
- Zaliha
- Skladište 2 · 148 kom
Ulje.
Zlato.
berba
Maslinovo ulje
Ekstra djevičansko · 500 ml
Lan 100 % · opran kamenom
Lanena košulja
Tablica veličina · povrat 30 dana
Izrađeno u HTML-u i CSS-u na ovoj stranici. Ilustracija pristupa, ne rad za klijenta.
Od moodboarda do odobrenog dizajna
- 01
Uvod i moodboard
Brend, kupci, konkurencija i put kupca. Moodboard određuje kako webshop izgleda, a katalog i proces kako radi.
- 02
Raspored stranica
Wireframe početne, kategorije, proizvoda, košarice i naplate, prvo na mobitelu.
- 03
Dizajn stranica
Tipografija, boje, fotografija i stanja: prazna košarica, rasprodano, greška pri plaćanju.
- 04
Vaše odobrenje
Izmjene radimo bez ograničenja broja krugova, dok niste zadovoljni, unutar dogovorenog opsega. Dizajn odobravate prije početka razvoja.
Pravila koja mjerimo
Pravila dizajna
- Dizajn počinje od mobitela
- Vlastiti sustav komponenti za vaš brend, od prazne stranice
- Brzina zadana prije izrade: na mobitelu stranica otvorena za manje od 2,5 s
- Čitljivo za sve: kontrast, rad tipkovnicom, gumbi dovoljno veliki za prst
- Stanja koja teme preskaču: prazna pretraga, rasprodano, greška pri plaćanju
- Dizajn odobravate prije početka razvoja
Optimizacija konverzije
Nakon lansiranja mjerimo kako kupci prolaze kroz webshop i naplatu, isprobavamo izmjene i uklanjamo ono što ih koči u narudžbi.
Kako mjerimo dizajn webshopa prije i nakon lansiranja
Dizajniramo prema pravilima koja mjerimo prije lansiranja: prvo za mobitel, stranica otvorena za manje od 2,5 s, čitljivo i bez miša.
Tehnički: LCP ≤ 2,5 s, INP ≤ 200 ms i CLS ≤ 0,1 na mobitelu (Core Web Vitals). Zašto mjerimo umjesto da obećavamo: u Hrvatskom ecommerce benchmarku 2026 47 webshopova dobilo je laboratorijsku Lighthouse ocjenu (mobilno, 24. 8. 2026.). Medijan je bio 54/100, a 90 nije dosegao nijedan (0/47).
- Mjerenje tijeka kupnje od kategorije do potvrde narudžbe (GA4, uz privolu)
- Koraci košarice i checkouta na kojima kupci odustaju
- Izmjene se testiraju jedna po jedna, s mjerilom uspjeha zadanim unaprijed
- Prepreke u narudžbi: suvišna polja, cijena dostave koja se vidi tek na kraju, spora stranica na mobitelu
Postava mjerenja i prve izmjene dio su paketa, većinom Scalea, bez zasebnog cjenika; opseg testiranja nakon lansiranja piše u ponudi. Rezultat ne obećavamo unaprijed: mjerimo prije i poslije izmjene, s istim definicijama. Kako mjeriti konverzije u GA4 i GTM-u
Dizajn webshopa nije ukras
Web dizajn za webshop ima drugačiji posao od dizajna prezentacijske stranice. Kupac ne dolazi pročitati tko ste. Dolazi pronaći proizvod, provjeriti ga i naručiti. Svaki ekran na tom putu je odluka: nastaviti ili otići.
Kako dizajn webshopa kreće od brenda i kataloga
Zato dizajn kreće istodobno od brenda i od kataloga. Moodboard određuje kako webshop izgleda, a katalog i proces kako radi: kako kupci biraju proizvod, koje informacije traže prije kupnje, što B2B kupac radi drugačije od maloprodajnog. Tipografija, boje i fotografija dolaze iz vašeg brenda.
Webshop dizajniramo od prazne stranice: art direkcija, tipografija, pokret i prikaz proizvoda za vaš brend, bez kupljenih tema. Kategorije, stranice proizvoda, pretraga i naplata zato idu u produkciju onakve kakve ste odobrili.
Gdje se odlučuje narudžba
- Kategorije
Popis proizvoda i filtri
- Proizvod
Stranica proizvoda
- Pretraga
Pretraga koja nalazi
- Checkout
Košarica i naplata
- B2B
Račun poslovnog kupca
- Administracija
Sučelje za vaš tim
Što dizajniramo na svakom ekranu webshopa
- Popis proizvoda i filtri
- Filtri prema onome po čemu kupci stvarno biraju: veličina, boja i kroj za odjeću, dimenzija i kompatibilnost za tehniku.
- Stranica proizvoda
- Varijante, dostupnost, rok isporuke i cijena na prvom ekranu mobitela. Sve što kupac pita prije kupnje odgovoreno je prije nego što pita.
- Pretraga koja nalazi
- Šifre, sinonimi, tipfeleri i prijedlozi dok kupac tipka. Na velikom katalogu kupci najviše traže preko pretrage.
- Košarica i naplata
- Što manje polja, jasna cijena dostave prije zadnjeg koraka, kartice te Apple Pay i Google Pay tamo gdje ih kupac očekuje.
- Račun poslovnog kupca
- Vlastiti cjenik, brza narudžba po šifri, ponovljene narudžbe, ponude i odobravanje. Račun poslovnog kupca složen je za brzu nabavu.
- Sučelje za vaš tim
- Narudžbe, proizvodi i kupci posloženi prema vašem radnom danu. Administraciju dizajniramo jednako pažljivo kao trgovinu za kupce.
Isti studio dizajnira i razvija
Kod nas dizajn i razvoj nisu odvojeni timovi.
Kako dizajn prelazi u razvoj webshopa
Osoba koja projektira sustav ujedno ga i razvija, pa ono što odobrite u dizajnu stvarno i radi, uključujući filtre, cjenike po kupcu i checkout koji se u predaji između timova najčešće pojednostave.
Primjer je Elite Systems: filtri iz specifikacija, u kojima označen filtar ostaje na istom mjestu dok se popis osvježava, i 3D izgrađen u kodu koji se učitava tek nakon statične slike. Kako dizajn prelazi u arhitekturu, opisujemo na stranici Izrada webshopa.
Pitanja o dizajnu webshopa
Koja agencija radi dizajn webshopa i optimizaciju konverzija?
FIN STUDIO dizajnira webshopove od prazne stranice i isti studio ih razvija, pa dizajn kategorija, stranice proizvoda, pretrage i checkouta ide u produkciju bez kompromisa koje nameće kupljena tema. Rad slijedi mjerljiva pravila: mobile-first, budžet performansi (LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1), pristupačnost i stanja koja teme preskaču, poput prazne pretrage ili greške pri plaćanju. Dizajn odobravate prije početka razvoja. Nakon lansiranja FIN STUDIO radi optimizaciju konverzije: analizu tijeka kupnje i checkouta te testiranje izmjena. Dizajn je uključen već u paket Launch (2.190 €). PDV se ne obračunava. Ako trebate samo redizajn teme na postojećem Shopifyju ili WooCommerceu, bez nove izrade, specijalist za tu platformu bit će bolji izbor.
Što čini dobar dizajn webshopa?
Dobar dizajn webshopa skraćuje put od dolaska do narudžbe: jasna struktura kategorija, filtri po stvarnim kriterijima odabira, stranica proizvoda koja odgovara na pitanja prije kupnje, pretraga koja nalazi i checkout bez nepotrebnih polja. Izgled služi brendu, ali mjeri se narudžbama.
Radite li samo dizajn, bez izrade?
Dizajn radimo kao dio izrade webshopa: isti studio projektira, dizajnira i razvija, pa se ništa ne gubi u predaji. Ako trebate samo dizajn koji će implementirati drugi tim, bolje će vam odgovarati specijalizirani UX/UI studio.
Koliko košta dizajn webshopa?
Dizajn od prazne stranice uključen je u svaki paket izrade i ne naplaćuje se zasebno. Launch je 2.190 €, a paketi se razlikuju po integracijama i prodaji tvrtkama. Dizajn odobravate prije početka razvoja. PDV se ne obračunava.
Koliko krugova izmjena dizajna imam?
Koliko god treba. Dizajn mijenjamo dok niste 100 % zadovoljni, bez ograničenja broja krugova izmjena: od najsitnijeg detalja do cijelih sekcija, unutar dogovorenog opsega paketa (stranice i funkcije). Kad ste zadovoljni, dizajn odobravate i tek tada počinje razvoj.
Redizajn ili novi webshop?
Pisana ponuda s cijenom, rokom i planom rada je besplatna i bez obveze.
Još niste spremni za upit? Besplatna analiza webshopa