Pregledajte sve naše usluge
Kompletna rešenja
za online prodaju
Gradimo online prodavnice povezane sa plaćanjem, isporukom i zalihama, na WooCommerce-u, Shopify-ju ili po meri.
Prodavnica kao sistem, a ne samo katalog
Rešenja za e-trgovinu obuhvataju projektovanje i razvoj online prodavnica i e-commerce platformi na WooCommerce-u, Shopify-ju ili kao rešenja po meri u Laravel-u.
Online prodavnica ne završava se na korpi. Svaka narudžbina prolazi kroz plaćanje, izdavanje dokumenata, obradu, isporuku i eventualni povraćaj, a svaki od tih koraka zavisi od spoljnih servisa i propisa o prodaji na daljinu.
Zato platformu biramo prema asortimanu, procesu prodaje i sistemima koje već koristite. Jednostavnije prodavnice najčešće gradimo na WooCommerce-u, a složenije procese rešavamo integracijama ili razvojem po meri.
Tehnički list usluge
- Platforme
- WooCommerce · Shopify · Platforma po meri u Laravel-u
- Isporuke
- Dizajn prodavnice u Figmi · Razvijena i testirana prodavnica · Integracije sa plaćanjem i isporukom · Objava na produkciji
- Integracije
- Platni procesori · Kurirske službe · ERP i knjigovodstveni softver · Fiskalna rešenja, kada ih provajder podržava
- Zakonski zahtevi
- Tehnička implementacija zahteva za prodaju na daljinu, uz sadržaj koji pripremate vi ili vaš pravnik
- Posle lansiranja
- Podrška kroz HiStack portal · Prilagođavanje izmenama kod provajdera, po dogovoru
- Model ponude
- Ponuda bez obaveze nakon konsultacija · Plaćanje u ratama za veće projekte
Šta obuhvata izrada online prodavnice
Obuhvat zavisi od toga koliko je prodavnica povezana sa vašim poslovnim sistemima. Matrica prikazuje šta je standardni deo svakog nivoa, a šta uključujemo kada projekat to zahteva.
| Aktivnost / isporuka | Standardna prodavnica | Prodavnica sa integracijama | Platforma po meri |
|---|---|---|---|
| Strategija i dizajn | |||
| Analiza asortimana i procesa prodaje | |||
| Struktura kataloga i kategorija | |||
| Dizajn kataloga, proizvoda, korpe i naplate u Figmi | |||
| Dizajn sistem i biblioteka komponenti | |||
| Prodavnica | |||
| Katalog sa varijantama i filterima | |||
| Korpa i tok naplate | |||
| Kupovina bez registracije i korisnički nalozi | |||
| Popusti i kuponi | |||
| Višejezičnost i više valuta | |||
| Cene i pravila za B2B kupce | |||
| Plaćanje i isporuka | |||
| Plaćanje karticama preko platnog procesora | |||
| Pouzeće i druge metode plaćanja | |||
| Obračun troškova dostave | |||
| Integracija sa kurirskom službom | |||
| Poslovni sistemi | |||
| Sinhronizacija zaliha i cena sa ERP-om | |||
| Integracija sa knjigovodstvenim softverom | |||
| Integracija sa fiskalnim rešenjem | |||
| Kvalitet i lansiranje | |||
| Test kupovine u test režimu platnog procesora | |||
| Tehnička SEO osnova za proizvode | |||
| Analitika prodaje i konverzija | |||
| Podrška kroz HiStack portal | |||
Nivoi obima
Standardna prodavnica
WooCommerce ili Shopify
Katalog, korpa, plaćanje karticama i pouzećem, popusti i obračun dostave.
Pogodno za manje i srednje asortimane sa standardnim procesom prodaje.
Prodavnica sa integracijama
Povezana sa vašim sistemima
Kurirske službe, ERP, knjigovodstvo i automatizovana obrada narudžbina.
Pogodno kada obim prodaje zahteva automatizaciju.
Platforma po meri
Rešenje razvijeno u Laravel-u
Specifični procesi, B2B prodaja, više prodavaca ili duboke integracije.
Pogodno kada standardne platforme ograničavaju vaš model prodaje.
Obim određuju procesi i integracije, a ne broj proizvoda. Ponudu pripremamo nakon konsultacija, a za veće projekte moguće je plaćanje u ratama.
WooCommerce, Shopify ili rešenje po meri
Sve tri platforme imaju svoje mesto, a pogrešan izbor se obično vidi tek kada prodavnica počne da raste. Matrica poredi tri pristupa prema 18 kriterijuma grupisanih u šest oblasti, uključujući integracije sa domaćim servisima, koje su za tržište Srbije često presudne.
| Kriterijum | WooCommerceNa WordPress-u | ShopifySaaS platforma | Po meriLaravel |
|---|---|---|---|
| Troškovi i brzina | |||
| Trošak inicijalnog razvoja | |||
| Vreme do lansiranja | Gotova infrastruktura | ||
| Mesečni troškovi platforme | Hosting i eventualni dodaci | Pretplata, uz proviziju kada se ne koristi Shopify Payments | Hosting i održavanje |
| Trošak održavanja | Ažuriranja jezgra i dodataka | Infrastrukturu održava platforma | |
| Prilagodljivost | |||
| Prilagođavanje izgleda | U okviru sistema tema | ||
| Prilagođavanje toka naplate | Ograničeno, više opcija na višim planovima | ||
| Složena poslovna pravila (B2B, cenovnici) | Putem dodataka | Putem aplikacija i viših planova | |
| Domaće integracije | |||
| Domaći platni procesori | Dodaci ili integracija po meri | Zavisi od podrške provajdera | Direktna integracija putem API-ja |
| Domaće kurirske službe | |||
| ERP i knjigovodstveni softver | |||
| Fiskalno rešenje | Zavisi od dostupne integracije | ||
| Performanse i rast | |||
| Brzina prodavnice | Uz keširanje i optimizaciju | Infrastruktura platforme | Optimizuje se prema katalogu |
| Veliki katalog i saobraćaj | Zahteva ozbiljnu optimizaciju | Planira se u infrastrukturi | |
| Bezbednost i kontrola | |||
| Odgovornost za bezbednost infrastrukture | Na vlasniku prodavnice | Na platformi | |
| Vlasništvo nad podacima i prenosivost | Izvoz moguć, uz vezanost za platformu | ||
| Zavisnost od dobavljača | Zavisnost od dodataka | Vezanost za platformu i njene uslove | |
| Upravljanje | |||
| Jednostavnost administracije | Admin panel po meri | ||
| Zavisnost od programera za izmene | |||
| Primena | |||
| Tipična primena | Manje i srednje prodavnice, sadržaj i prodaja na jednom mestu | Prodavnice kojima je prioritet brz start i stabilna infrastruktura | Specifični procesi, B2B, više prodavaca i duboke integracije |
| Odgovarajući nivo obima | StandardnaSa integracijama | StandardnaSa integracijama | Po meri |
NajpovoljnijeUmerenoNajmanje povoljno
Ocena izražava povoljnost za dati kriterijum i odnosi se na tipičan projekat. Dostupnost integracija sa domaćim servisima zavisi od toga šta provajder u datom trenutku nudi i od njegovih pravila, koja se menjaju. Konačnu preporuku dajemo nakon analize vašeg procesa prodaje.
Šta se dešava posle klika na „Kupi“
Za kupca je kupovina jedan klik, a za prodavnicu niz koraka koji uključuje spoljne servise i vaš tim. Dijagram prikazuje tok narudžbine, a tabela tehnologije za svaki sloj prodavnice.
Tok narudžbine
01Korpa
Izbor proizvoda i korpa
Zalihe, varijante i cena sa PDV-om
02Plaćanje
Plaćanje na stranici procesora
Kartice uz 3-D Secure, pouzeće ili druge metode
03Potvrda
Narudžbina i dokumenti
Email potvrda i fiskalni račun, u skladu sa propisima
04Obrada
Priprema narudžbine
Ažuriranje zaliha i sinhronizacija sa ERP-om
05Isporuka
Predaja kurirskoj službi
Kreiranje pošiljke, nalepnica i praćenje
06Posle kupovine
Odustanak i povraćaj
Zahtev za odustanak i povraćaj sredstava
Spoljni servisi
Povezani sa koracima 02, 03 i 05 putem API-ja
- Platni procesor
- Kurirska služba
- Fiskalno rešenje
- ERP ili knjigovodstvo
Administracija
Vaš tim upravlja koracima 04 do 06 kroz admin panel
- Narudžbine
- Zalihe
- Popusti i kuponi
- Izveštaji
Slojevi rešenja
Dizajn i prototip
Figma
Dizajn kataloga, stranice proizvoda, korpe i toka naplate, proveren na svim kategorijama uređaja.
Platforma prodavnice
WooCommerce- Shopify
Laravel
WooCommerce za jednostavnije prodavnice, Shopify kada je prioritet gotova infrastruktura, Laravel za specifične procese.
Prezentacioni sloj
- HTML5
Tailwind CSS
Brz i pregledan katalog, optimizovane slike proizvoda i responzivan tok kupovine.
Interaktivni sloj
- JavaScript
React
Filteri, korpa i naplata bez ponovnog učitavanja stranice, kada to obim prodavnice opravdava.
Integracije
Node.js- Laravel
Servisi za sinhronizaciju sa platnim procesorima, kurirskim službama, ERP-om i knjigovodstvom.
Verzionisanje i isporuka
GitHub
Kontrola verzija, pregled koda i test okruženje sa test režimom platnog procesora.
Katalog modula i integracija
Pregled modula koje online prodavnice najčešće zahtevaju. Složenost pokazuje relativan obim implementacije i direktno utiče na rok i cenu projekta.
| Modul | Šta obuhvata | Implementacija | Složenost |
|---|---|---|---|
| Katalog | |||
| Varijante proizvoda | Veličine, boje i druge opcije, sa posebnim zalihama i cenama | Ugrađeno u platformu | |
| Filteri i pretraga | Filtriranje po atributima, sortiranje i pretraga sa predlozima | Platforma ili namenski indeks | |
| Lista želja i poređenje | Čuvanje proizvoda i poređenje karakteristika | Dodatak ili razvoj po meri | |
| Cene i promocije | |||
| Popusti i kuponi | Procentualni i fiksni popusti, kuponi i besplatna dostava | Ugrađeno u platformu | |
| B2B cenovnici | Posebne cene po kupcu ili grupi, minimalne količine i odloženo plaćanje | Razvoj po meri | |
| Plaćanje | |||
| Plaćanje karticama | Plaćanje na stranici procesora, uz 3-D Secure | Integracija platnog procesora | |
| Pouzeće | Plaćanje prilikom preuzimanja, uz evidenciju u narudžbini | Ugrađeno u platformu | |
| IPS QR plaćanje | Instant plaćanje skeniranjem QR koda u mobilnom bankarstvu | Kada ga provajder podržava | |
| Isporuka | |||
| Kurirska služba | Kreiranje pošiljke, nalepnice i praćenje statusa | API kurirske službe | |
| Obračun dostave | Cena dostave po težini, zoni ili vrednosti korpe | Platforma ili pravila po meri | |
| Preuzimanje u radnji | Izbor lokacije i obaveštenje kada je narudžbina spremna | Ugrađeno ili po meri | |
| Poslovni sistemi | |||
| Zalihe i cene iz ERP-a | Automatska sinhronizacija zaliha, cena i narudžbina | Laravel ili Node.js servis | |
| Fiskalno rešenje | Izdavanje fiskalnog računa za online prodaju | Integracija sa fiskalnim rešenjem | |
| Knjigovodstveni softver | Prenos narudžbina i dokumenata u knjigovodstvo | API ili razmena datoteka | |
| Marketing i analitika | |||
| Napuštene korpe | Podsetnik kupcu koji nije završio kupovinu | Automatski email | |
| Recenzije proizvoda | Ocene i komentari kupaca, uz moderaciju | Platforma ili dodatak | |
| E-commerce analitika | Praćenje pregleda proizvoda, korpe i kupovine | Analitički alat | |
Integracije sa domaćim platnim procesorima, kurirskim službama i fiskalnim rešenjima zavise od toga da li provajder nudi tehničku integraciju i pod kojim uslovima. Pravila provajdera se menjaju, pa mogućnosti proveravamo za svaki projekat.
Zahtevi za online prodaju u Srbiji
Online prodaja potrošačima podleže pravilima o prodaji na daljinu, zaštiti podataka i izdavanju računa, a banke imaju sopstvene zahteve za prihvatanje kartica. Tabela pokazuje šta svaki zahtev znači za prodavnicu i gde je granica između tehničke implementacije i vaše odgovornosti.
| Zahtev | Šta podrazumeva | Naša uloga | Vaša uloga |
|---|---|---|---|
| Prodaja na daljinu | |||
| Informacije pre kupovine | Podaci o trgovcu, cena sa porezom, troškovi dostave i rok isporuke, vidljivi pre potvrde narudžbine | Mesta za prikaz u dizajnu i toku kupovine | Tačni podaci i uslovi prodaje |
| Pravo na odustanak | Obaveštenje o pravu na odustanak i obrazac za odustanak | Stranica, obrazac i tok prijema zahteva | Pravila povraćaja i obrada zahteva |
| Potvrda narudžbine | Potvrda kupcu na trajnom nosaču, na primer emailom | Automatski email sa podacima o narudžbini | Sadržaj uslova prodaje |
| Plaćanje karticama | |||
| Zahtevi banke | Najčešće logotipi kartica i programa 3-D Secure, podaci o trgovcu i izjava o konverziji valute | Implementacija prema listi zahteva banke | Ugovor sa bankom i dostava liste zahteva |
| Podaci o karticama | Unos kartice na stranici platnog procesora, bez čuvanja podataka na sajtu | Integracija koja ne obrađuje podatke o karticama | Izbor procesora i ugovor sa njim |
| Porezi i dokumenti | |||
| Fiskalizacija | Izdavanje fiskalnog računa za prodaju, u skladu sa propisima o fiskalizaciji | Integracija sa fiskalnim rešenjem, kada je dostupna | Izbor fiskalnog rešenja i poreska usklađenost |
| Podaci i privatnost | |||
| Lični podaci kupaca | Politika privatnosti, minimalan obim podataka i pravni osnov obrade | Tehnička implementacija i forme | Sadržaj politike i odgovornost rukovaoca |
| Kolačići | Saglasnost pre analitičkih i marketinških kolačića | Banner i blokiranje skripti do saglasnosti | Izbor alata i sadržaj politike kolačića |
| Prodaja u EU | |||
| Pristupačnost | Za prodaju potrošačima u EU, usklađenost sa European Accessibility Act, uz izuzetak za mikropreduzeća | Implementacija prema WCAG 2.2, nivo AA | Procena da li se obaveza odnosi na vas |
Pregled je informativan i nije pravni savet. Uslove prodaje, politiku privatnosti i obaveštenje o pravu na odustanak treba da pripremi ili proveri pravnik. Relevantni propisi uključuju Zakon o zaštiti potrošača, Zakon o elektronskoj trgovini, Zakon o fiskalizaciji i Zakon o zaštiti podataka o ličnosti Republike Srbije.
Parametri koje proveravamo pre objave
U prodavnici svaka sekunda učitavanja i svako nepotrebno polje u formi utiču na to da li će kupovina biti završena. Tamo gde postoje javno definisani standardi, oslanjamo se na njih.
| Parametar | Ciljna vrednost | Metod provere |
|---|---|---|
| Performanse (Core Web Vitals) | ||
| LCP, INP i CLS | LCP ≤ 2,5 s · INP ≤ 200 ms · CLS ≤ 0,1 | PageSpeed Insights, Lighthouse |
| Slike proizvoda | Moderni formati, responzivne veličine i odloženo učitavanje | Pregled koda i mrežnih zahteva |
| Tok kupovine | ||
| Kupovina bez registracije | Omogućena, kada model prodaje to dozvoljava | Test toka kupovine |
| Forma za naplatu | Samo neophodna polja, uz jasne poruke o greškama | Test toka kupovine |
| Test transakcije | Ceo tok plaćanja proveren u test režimu procesora pre objave | Test režim platnog procesora |
| Bezbednost | ||
| Podaci o karticama | Bez obrade i čuvanja podataka o karticama na sajtu | Pregled integracije |
| Referentni okvir | OWASP Top 10 | Pregled ključnih rizika |
| Prenos podataka | HTTPS na celom sajtu | Provera sertifikata i preusmerenja |
| SEO osnova | ||
| Strukturirani podaci | Schema.org Product i Offer za proizvode | Rich Results Test |
| Varijante i filteri | Kanonski URL-ovi, bez dupliranog sadržaja | Google Search Console |
| Pristupačnost | ||
| Referentni standard | WCAG 2.2, nivo AA kao ciljni nivo | Automatska provera i ručni pregled |
| Tok kupovine tastaturom | Ceo tok od kataloga do potvrde dostupan bez miša | Ručni test |
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, broj proizvoda i skripte trećih strana.
Proces rada po fazama
Svaka faza ima jasnu isporuku i kontrolnu tačku. Kod prodavnica je posebno važno da ugovore sa platnim procesorom i kurirskom službom pokrenete na vreme, jer njihovo odobrenje često traje duže od samog razvoja. Detaljan vodič kroz saradnju dostupan je na stranici Proces saradnje.
| Faza | Aktivnosti | Isporuka | Vaše učešće | Kontrolna tačka |
|---|---|---|---|---|
| 01Konsultacije i izbor platforme | Analiza asortimana, procesa prodaje i postojećih sistema, izbor platforme i integracija | Dogovoren obim, platforma i lista integracija | Podaci o asortimanu, plaćanju i isporuci, pokretanje ugovora sa provajderima | Odobrenje obima i ponude |
| 02Dizajn | Dizajn kataloga, stranice proizvoda, korpe i toka naplate u Figmi | Odobren dizajn | Povratne informacije i usmeravanje dizajna | Odobrenje dizajna |
| 03Razvoj i integracije | Prodavnica i integracije sa plaćanjem, isporukom i drugim sistemima, na test okruženju | Funkcionalna prodavnica za pregled | Unos ili provera proizvoda, test pristup kod provajdera | Prihvatanje funkcionalnosti |
| 04Testiranje i lansiranje | Test kupovine u test režimu procesora, provera na uređajima i objava | Objavljena prodavnica | Završni pregled i odobrenje banke, kada ga zahteva | Odobrenje za objavu |
| 05Podrška i održavanje | Podrška kroz HiStack portal i prilagođavanje izmenama kod provajdera, po dogovoru | Praćenje prijava kroz portal | Prijava problema uz jedinstveni ID | Kontinuirano |