Pregledajte sve naše usluge
Sajtovi, portali i web
aplikacije po meri
Projektujemo, dizajniramo i razvijamo web rešenja koja su brza, bezbedna i spremna da rastu sa vašim poslovanjem.
Sajt kao poslovni sistem, a ne samo vizuelni izlog
Web razvoj u HiStack-u obuhvata projektovanje, dizajn i razvoj sajtova, portala i web aplikacija po meri.
Svaki projekat posmatramo kao sistem koji objedinjuje sadržaj, podatke, integracije, performanse i bezbednost, jer se kvalitet sajta meri onim što omogućava vašem poslovanju, a ne samo time kako izgleda.
Strategiju, dizajn, razvoj i podršku vodi isti tim. Odluke donete u fazi planiranja zato ne gube smisao u fazi razvoja, a odgovornost za rezultat ostaje na jednom mestu, bez prebacivanja između različitih izvođača.
Tehnički list usluge
- Tipovi projekata
- Prezentacioni sajtovi · Sadržajni sajtovi i magazini · Portali · Web aplikacije
- Isporuke
- Demo dizajn ključnih stranica u Figmi · Razvijen i testiran sajt · CMS ili admin panel · Objava na produkciji
- Tehnološka osnova
- WordPress ili Laravel · Tailwind CSS ili Bootstrap 5 · React za složene interfejse · Node.js za servise i integracije
- Okvirno trajanje
- Oko 10 dana za manje projekte, do dva meseca za kompleksne zahteve
- Model ponude
- Ponuda bez obaveze nakon konsultacija · Plaćanje u ratama za veće projekte
- Podrška
- Prijava problema kroz HiStack portal sa jedinstvenim ID-jem i praćenjem statusa
Šta tačno obuhvata web razvoj
Obuhvat zavisi od nivoa projekta. Matrica prikazuje koje aktivnosti i isporuke su standardni deo svakog nivoa, a koje uključujemo kada ih projekat zahteva. Nivoi su detaljnije opisani u sekciji Obim i poređenje.
| Aktivnost / isporuka | Prezentacija | Sajt sa funkcijama | Portal ili aplikacija |
|---|---|---|---|
| Strategija | |||
| Ciljevi, publika i ključne poruke | |||
| Informaciona arhitektura i mapa sajta | |||
| Analiza korisničkih tokova i uloga | |||
| Dizajn | |||
| Demo dizajn ključnih stranica u Figmi | |||
| Biblioteka komponenti i stilski vodič | |||
| Složeni interfejsi (dashboardi, višekoračni formulari) | |||
| Razvoj | |||
| Responzivni frontend za desktop, tablet i telefon | |||
| CMS ili admin panel | |||
| Dinamički sadržaj (blog, vesti, katalozi) | |||
| Višejezičnost | |||
| Korisnički nalozi, uloge i dozvole | |||
| Baza podataka i poslovna logika po meri | |||
| API, za razmenu podataka sa drugim sistemima | |||
| Integracije | |||
| Analitika i praćenje konverzija | |||
| Email platforme i CRM | |||
| Online plaćanje | |||
| Kvalitet i lansiranje | |||
| Testiranje na uređajima i pregledačima | |||
| Optimizacija performansi | |||
| Tehnička SEO osnova | |||
| Test okruženje pre objave | |||
| Podrška kroz HiStack portal | |||
Arhitektura i tehnološki stek
Tehnologiju biramo prema zahtevima projekta, a ne prema navici. Pregled slojeva pokazuje šta koristimo i zašto, a matrica odlučivanja pokazuje kako se različite arhitekture ponašaju prema ključnim kriterijumima.
Arhitektura sistema
01Klijent
Pregledač i uređaj korisnika
HTML · Tailwind CSS · JavaScript · React
Produkciono okruženje
02Isporuka
Web server i keš
TLS, kompresija i keširanje
03Aplikacija
WordPress ili Laravel
Rutiranje, poslovna logika, autentifikacija
04Podaci
Baza podataka i mediji
Sadržaj, korisnici i fajlovi
Administracija
Pristupa sloju 03 kroz admin panel
- Urednici sadržaja
- Administratori
- Uloge i dozvole
Spoljni servisi
Povezani sa slojem 03 putem API-ja i webhookova
- Analitika
- Email i CRM
- Plaćanje
- Interni sistemi
Tok isporuke koda
Lokalni razvoj
Izrada i provera koda
GitHub
Verzije i pregled koda
Test okruženje
Vaš pregled i prihvatanje
Produkcija
Objava rešenja
Slojevi rešenja
Dizajn i prototip
Figma
Demo dizajn ključnih stranica i biblioteka komponenti, provereni na svim kategorijama uređaja pre početka razvoja.
Prezentacioni sloj
- HTML5
Tailwind CSS
Bootstrap 5
Semantička struktura i sistem stilova zasnovan na komponentama, bez nepotrebnog CSS balasta.
Interaktivni sloj
- JavaScript
React
Vanilla JavaScript za uobičajene interakcije. React biramo kada interfejs ima složeno stanje: filtere, dashboarde ili višekoračne formulare.
Upravljanje sadržajem
WordPress
Tema i funkcionalnosti po meri za sadržajno orijentisane sajtove, redakcije i projekte sa čestim izmenama sadržaja.
Aplikativni sloj
Laravel
Node.js
Laravel za poslovnu logiku, korisničke naloge i API. Node.js za servise koji obrađuju veliki broj istovremenih zahteva i za integracije.
Verzionisanje i isporuka
GitHub
Kontrola verzija, pregled koda i razvoj na odvojenom test okruženju pre svake objave.
Matrica odlučivanja: izbor arhitekture
Ne postoji univerzalno najbolja arhitektura. Svaka predstavlja kompromis između fleksibilnosti, brzine razvoja, troškova i zahteva za održavanjem. Matrica poredi četiri arhitekture koje najčešće razmatramo, prema 15 kriterijuma grupisanih u pet oblasti.
| Kriterijum | Statički sajtHTML, Tailwind CSS, JavaScript | WordPressTema i funkcionalnosti po meri | LaravelAplikacija po meri | HeadlessWordPress API + React |
|---|---|---|---|---|
| Upravljanje sadržajem | ||||
| Uređivanje sadržaja bez programera | Izmene kroz kod | Admin panel po meri | ||
| Uloge urednika i revizije sadržaja | Ugrađeno u sistem | Razvija se prema potrebi | ||
| Višejezičnost | Ručno održavanje verzija | Putem dodatka | Ugrađena lokalizacija | |
| Funkcionalnost | ||||
| Korisnički nalozi i dozvole | Nije podržano | |||
| Složena poslovna logika | U okviru ograničenja platforme | |||
| Integracije putem API-ja | Samo na strani klijenta | |||
| Performanse i vidljivost | ||||
| Brzina isporuke stranice | Uz keširanje | Zavisi od strategije renderovanja | ||
| Skalabilnost pod opterećenjem | ||||
| SEO bez dodatne konfiguracije | Renderovanje na serveru | Zahteva prerenderovanje | ||
| Bezbednost i održavanje | ||||
| Površina napada | Bez serverske logike | Česta meta zbog rasprostranjenosti | Administracija odvojena od javnog dela | |
| Potreba za redovnim ažuriranjima | Jezgro, tema i dodaci | Dva sistema za održavanje | ||
| Zavisnost od komponenti trećih strana | ||||
| Ekonomija projekta | ||||
| Trošak inicijalnog razvoja | ||||
| Vreme do lansiranja | ||||
| Trošak dugoročnog održavanja | ||||
| Primena | ||||
| Tipična primena | Landing stranice, kampanje i prezentacije sa retkim izmenama | Sadržajni sajtovi, magazini i portali sa redakcijom | Portali sa korisničkim nalozima, web aplikacije i interni sistemi | Bogati interaktivni interfejsi i sadržaj za više kanala |
| Odgovarajući nivo obima | Prezentacija | PrezentacijaSajt sa funkcijama | Portal ili aplikacija | Sajt sa funkcijamaPortal ili aplikacija |
NajpovoljnijeUmerenoNajmanje povoljno
Ocena izražava povoljnost za dati kriterijum: više segmenata znači povoljniji ishod, uključujući kriterijume troška i rizika. Ocene su relativne i odnose se na tipičan projekat u datoj kategoriji. Konačnu preporuku dajemo nakon analize zahteva, a tokom konsultacija je obrazlažemo.
Katalog funkcionalnih modula
Pregled modula koje najčešće implementiramo. Složenost pokazuje relativan obim implementacije i direktno utiče na rok i cenu projekta.
| Modul | Šta obuhvata | Implementacija | Složenost |
|---|---|---|---|
| Sadržaj | |||
| Blog i vesti | Kategorije, oznake, autori, arhiva i povezani sadržaji | WordPress tipovi sadržaja ili Laravel modeli | |
| Višejezičnost | Prevodi sadržaja i interfejsa, jezički URL-ovi i hreflang oznake | Dodatak za prevode ili Laravel lokalizacija | |
| Pretraga | Pretraga sadržaja sa filtriranjem i rangiranjem rezultata | Ugrađena pretraga ili namenski indeks | |
| Optimizacija medija | WebP i AVIF formati, responzivne slike (srcset), odloženo učitavanje | Na nivou teme ili procesa izgradnje | |
| Korisnici | |||
| Registracija i prijava | Verifikacija email adrese, oporavak lozinke i zaštita od zloupotrebe | Laravel autentifikacija | |
| Uloge i dozvole | Hijerarhija uloga, dozvole po resursu i evidencija aktivnosti | Politike pristupa po ulozi | |
| Korisnički portal | Profil, istorija aktivnosti, dokumenti i podešavanja | Laravel, po potrebi React interfejs | |
| Komunikacija | |||
| Kontakt forme | Validacija na klijentu i serveru, zaštita od spama i obaveštenja | WordPress ili Laravel | |
| Newsletter | Prijava sa dvostrukom potvrdom i sinhronizacija sa email platformom | Integracija putem API-ja | |
| Zakazivanje termina | Ugrađeni kalendar ili povezivanje sa servisom za zakazivanje | Ugradnja ili integracija putem API-ja | |
| Poslovanje | |||
| CRM integracija | Prenos upita i kontakata uz mapiranje polja | API ili webhook | |
| Online plaćanje | Integracija platnog procesora, potvrde i statusi transakcija | API platnog procesora | |
| Interni sistemi | Razmena podataka sa ERP-om i drugim poslovnim sistemima | Laravel ili Node.js servis | |
| Analitika i usklađenost | |||
| Analitika i konverzije | Praćenje događaja, ciljeva i izvora poseta | Tag manager ili direktna integracija | |
| Upravljanje saglasnošću | Banner za kolačiće, kategorije i blokiranje skripti do davanja saglasnosti | Dodatak ili sopstveno rešenje | |
Parametri koje proveravamo pre objave
Tamo gde postoje javno definisani standardi, oslanjamo se na njih umesto na sopstvene, neproverljive tvrdnje. Svaki parametar ima ciljnu vrednost i metod kojim se ona proverava.
| Parametar | Ciljna vrednost | Metod provere |
|---|---|---|
| Performanse (Core Web Vitals) | ||
| Largest Contentful Paint (LCP) | ≤ 2,5 s | PageSpeed Insights, Lighthouse |
| Interaction to Next Paint (INP) | ≤ 200 ms | PageSpeed Insights, Chrome DevTools |
| Cumulative Layout Shift (CLS) | ≤ 0,1 | PageSpeed Insights, Lighthouse |
| Slike i mediji | Moderni formati, responzivne veličine i odloženo učitavanje | Pregled koda i mrežnih zahteva |
| Kompatibilnost | ||
| Uređaji | Desktop, tablet i telefon, sa namenskim rasporedom za svaku kategoriju | Testiranje na uređajima i emulacija |
| Pregledači | Aktuelne verzije Chrome, Safari, Firefox i Edge | Ručno testiranje ključnih tokova |
| Pristupačnost | ||
| Referentni standard | WCAG 2.2, nivo AA kao ciljni nivo | Automatska provera i ručni pregled |
| Navigacija tastaturom | Svi interaktivni elementi dostupni i vidljivo fokusirani | Ručni test |
| Kontrast teksta | Najmanje 4,5:1 za osnovni tekst | Provera kontrasta |
| SEO osnova | ||
| Struktura dokumenta | Jedan H1, logična hijerarhija naslova, semantički HTML | Pregled koda |
| Indeksiranje | sitemap.xml, robots.txt, kanonski URL-ovi i hreflang | Google Search Console |
| Strukturirani podaci | Schema.org u JSON-LD formatu | Rich Results Test |
| Bezbednost i privatnost | ||
| Prenos podataka | HTTPS na celom sajtu | Provera sertifikata i preusmerenja |
| Forme i unos podataka | Validacija na serveru, CSRF zaštita i zaštita od spama | Pregled koda |
| Referentni okvir | OWASP Top 10 | Pregled ključnih rizika |
| Lični podaci | Usklađenost sa ZZPL, a sa GDPR-om kada je primenljiv | Pregled obrade podataka i kolačića |
Ciljne vrednosti za Core Web Vitals odgovaraju pragovima koje Google definiše kao dobre, mereno na 75. percentilu poseta. Na rezultate nakon objave utiču i hosting, sadržaj koji se naknadno dodaje i skripte trećih strana. ZZPL: Zakon o zaštiti podataka o ličnosti Republike Srbije.
Proces rada po fazama
Svaka faza ima jasnu isporuku i kontrolnu tačku, pa u svakom trenutku znate šta je urađeno i šta sledi. Detaljan vodič kroz saradnju dostupan je na stranici Proces saradnje.
| Faza | Aktivnosti | Isporuka | Vaše učešće | Kontrolna tačka |
|---|---|---|---|---|
| 01Konsultacije i priprema | Analiza ciljeva, publike i konkurencije, definisanje obima i strukture, prikupljanje materijala | Dogovoren obim i plan rada | Logo, tekstovi, fotografije i primeri sajtova koji vam se dopadaju | Odobrenje obima i ponude |
| 02Demo dizajn | Dizajn ključnih stranica u Figmi za desktop i mobilne uređaje | Odobren dizajn | Povratne informacije i usmeravanje dizajna | Odobrenje dizajna |
| 03Razvoj i implementacija | Frontend, CMS, integracije i optimizacija, uz razvoj na test okruženju | Funkcionalan sajt za pregled | Pregled na test okruženju i provera sadržaja | Prihvatanje funkcionalnosti |
| 04Testiranje i lansiranje | Provera na različitim uređajima i pregledačima, završne ispravke i objava | Objavljen i proveren sajt | Završni pregled | Odobrenje za objavu |
| 05Podrška i održavanje | Obrada prijava kroz HiStack portal i praćenje njihovog statusa | Praćenje prijava kroz portal | Prijava problema uz jedinstveni ID | Kontinuirano |
Obim projekta i izbor pristupa
Ne postoji jedna cena za „izradu sajta“. Obim prvenstveno određuje funkcionalnost, a tek onda broj stranica. Zato nakon konsultacija pripremamo ponudu prilagođenu vašem projektu.
Prezentacija
Jasan sajt sa ključnim stranicama
Predstavljanje firme, usluga i kontakta. Manji obim, brža realizacija.
Pogodno kada vam je potreban uredan i profesionalan digitalni identitet.
Sajt sa funkcijama
Dinamički sadržaj i integracije
Blog ili vesti, višejezičnost, forme, analitika i povezivanje sa alatima.
Pogodno kada sajt treba aktivno da doprinosi marketingu i prodaji.
Portal ili aplikacija
Sistem po meri
Korisnički nalozi, uloge, baza podataka, API i poslovna logika.
Pogodno kada sajt postaje deo vašeg poslovnog procesa ili proizvod.
Za veće projekte moguće je plaćanje u ratama.
Gotovo rešenje ili rešenje po meri
Svaki pristup ima svoje mesto. Istaknuto polje označava najpovoljniju opciju za dati kriterijum, i to nije uvek rešenje po meri.
| Kriterijum | Gotov šablonTema sa tržišta | SaaS graditeljNpr. Wix, Squarespace | Razvoj po meriHiStack |
|---|---|---|---|
| Početni trošak | Najpovoljnije: Nizak | Najpovoljnije: Nizak, uz mesečnu pretplatu | Viši, prema obimu |
| Vreme do lansiranja | Kratko | Najpovoljnije: Najkraće | Prema obimu, od oko 10 dana |
| Prilagođenost brendu | Delimična, u okviru teme | U okviru mogućnosti platforme | Najpovoljnije: Potpuna |
| Struktura prema vašem procesu | Ograničena strukturom teme | Ograničena platformom | Najpovoljnije: Projektuje se prema procesu |
| Performanse | Zavise od kvaliteta teme i dodataka | Zavise od platforme, uz ograničenu kontrolu | Najpovoljnije: Optimizuju se od prvog dana |
| Integracije | Putem dodataka | Putem ponuđenih aplikacija | Najpovoljnije: Po meri, uključujući sopstveni API |
| Vezanost za platformu | Mala, uz zavisnost od autora teme | Visoka, prelazak je otežan | Najpovoljnije: Bez vezanosti za platformu treće strane |
| Skalabilnost | Ograničena | U okviru planova platforme | Najpovoljnije: Planira se u arhitekturi |
| Održavanje infrastrukture | Na vama, uključujući ažuriranja dodataka | Najpovoljnije: Održava platforma | Podrška kroz HiStack portal |
Gotov šablon je dobar izbor za jednostavne potrebe i ograničen budžet. Ako je to ono što vam treba, reći ćemo vam to otvoreno.