Dizajn sustav za poslovni web

Kako definirati tipografiju, boje, razmake, gumbe, forme, kartice i pravila da se web može dosljedno širiti.

Oriphiel stručni tim Ažurirano 23. 7. 2026. 3 min čitanja

Odgovor ukratko

Čak i mali web treba lagani skup pravila i komponenti kako nove stranice ne bi izgledale kao drugi projekt.

Ključne odluke

Koje se komponente ponavljaju
Koje varijante su stvarno potrebne
Tko smije dodavati nove obrasce
Kako se dokumentiraju stanja

Provedba korak po korak

Cilj ove lekcije je Kako definirati tipografiju, boje, razmake, gumbe, forme, kartice i pravila da se web može dosljedno širiti. Korake treba provoditi redom i svaki potvrditi prije širenja opsega.

Preporučeni redoslijed

Napraviti design tokene
Definirati osnovne komponente i varijante
Dokumentirati primjere pravilne upotrebe
Provjeriti pristupačnost i responsive ponašanje svake komponente

Praktičan primjer

Primjer primjene: projekt prvo provodi korak „Napraviti design tokene”, zatim potvrđuje „Komponente koriste iste tokene” i tek tada prati pokazatelj „Broj ponovljenih komponenti”. Tako se odluka temelji na provjeri, a ne na dojmu.

Kontrolna lista prije nastavka

Ova provjera odvaja završenu implementaciju od postavke koja samo izgleda dovršeno.

Provjerite

Komponente koriste iste tokene
Nema lokalnih one-off stilova bez razloga
Stanja forme su potpuna
Nove stranice se mogu složiti bez kopiranja CSS-a

Najčešće pogreške i rizici

Rizike treba provjeriti prije povećanja prometa, automatizacije ili ovlasti sustava.

Na što treba paziti

Sustav postaje pretežak za mali web
Komponente se razlikuju samo kozmetički
Dokumentacija zastarijeva
Editor može proizvoljno razbiti layout

Mjerenje rezultata

Učinak se procjenjuje kroz mali skup metrika koje su povezane s ciljem lekcije i stvarnim poslovnim ishodom.

Metrike koje imaju smisla

Broj ponovljenih komponenti
Vrijeme izrade nove stranice
UI regresije
Dosljednost pristupačnosti

Česta pitanja

Koji je prvi korak za temu „Dizajn sustav za poslovni web”?

Napraviti design tokene Prije nastavka potvrdite odluku: Koje se komponente ponavljaju

Kako provjeriti da je provedba uspješna?

Komponente koriste iste tokene Nakon toga pratite metriku: Broj ponovljenih komponenti.

Koju pogrešku treba prvo spriječiti?

Sustav postaje pretežak za mali web Problem ispravite prije automatizacije ili povećanja budžeta.

Službeni i stručni izvori

Sučelja, pravila i preporuke mogu se mijenjati. Prije produkcijske izmjene provjerite aktualnu dokumentaciju.

Povezani vodiči za poslovni web

Profesionalni web dizajn za poslovnu stranicuKoje odluke razlikuju profesionalan poslovni web od generičkog predloška: hijerarhija, tipografija, ritam, fotografije i dosljednost. CMS uredničko iskustvo i komponenteKako urednicima dati strukturirana polja, pregledne komponente, preview, revizije i dozvole bez mogućnosti rušenja dizajna. Boje, kontrast i identitet poslovnog webaKako iz logotipa i karaktera brenda složiti funkcionalnu paletu za tekst, pozadine, CTA gumbe, statuse i fokus. Responsive web dizajn za mobitel, tablet i desktopKako prilagoditi sadržaj, navigaciju, forme, tablice i CTA elemente različitim ekranima bez skrivanja važne ponude.

Povežite ovu temu s ostatkom sustava

SEO za izradu web stranicaPovežite prodajnu ponudu, vodiče, interne linkove i organske upite bez kanibalizacije. Google alati i mjerenjePostavite Search Console, GA4, Tag Manager i konverzije nakon tehnički spremnog weba. Kontakt forma i CRMNastavite proces od slanja obrasca prema leadu, statusu i sljedećoj aktivnosti.

Primijenite lekciju na stvarni projekt

Pošaljite postojeću konfiguraciju, cilj i problem koji želite riješiti. Dobit ćete prijedlog sljedećeg tehničkog ili operativnog koraka.

Pošaljite upit Pregledajte sve vodiče