Arhitektura weba i vizualni procesi

Klasifikacija web-sjedišta

Tri glavne kategorije

Informativna sjedišta

Fokus na čitljivost i pretraživanje

Poslovna web-sjedišta

Generiranje upita i konverzija

Portfelj stranice

Visoka razina vizualne kreativnosti

Specifičnosti dizajna i navigacija

Informativni web - Gust raspored mreže

Poslovni web - Jasno definirani prodajni lijevci

Portfelj web - Interaktivni elementi i mikro-animacije

Komparativna analiza

Element Informativno sjedište Poslovno sjedište Portfelj sjedište
Glavni cilj Informiranje posjetitelja Prodaja usluge/proizvoda Prikaz stručnosti i radova
Primarni CTA Pretplati se Zatraži ponudu Kontaktiraj me
Količina vizuala Umjerena Visoka Izrazito visoka

Dijagram tijeka razvoja

Osnove izrade(Flowcchart)

Standardni simboli

Oval za početak/kraj

Pravokutnik za aktivnost

Romb za odluku

Logika i tok

Jednosmjerna logička povezanost

Definiranje ulaza svake faze

Sprečavanje beskonačnih petlji

Digitalni alati

Draw.io za osnovne sheme

Miro za timsku suradnju

Figma za dizajn sustave

Točke odluke

Kritični trenuci provjere kvalitete

Primjer: jeli klijent odobrio wireframe?

povratne petlje

Vraćanje na prethodni korak

Sprečava prelazak u iduću fazu bez odobrenja

Prikaz faza i točaka odluke

1. Analiza

Prikupljanje zahtjeva klijenta

2. Odobrenje

Ako ne → dorada

3. Testiranje

Ako nema pogrešaka → objava

Primjer dijagrama

Dijagram