Razvojni proces

Koraci u izradi web stranice

Ovdje je detaljan opis mog razvojnog procesa u izradi web stranica. U svakom trenutku možete vidjeti koji je slijedeći korak. Precizno su opisane sve radnje i obaveze sa Vaše i sa moje strane. Svih 13 koraka zajedno čine cjelovit proces izrade web stranice za Vaše potrebe.

Inicijalne konzultacije

Ukoliko sa Vaše strane postoji interes za mojim uslugama, prvi korak su inicijalne konzultacije. U prvoj međusobnoj komunikaciji, ključno mi je upoznavanje sa svim Vašim željama, potrebama i očekivanjima od web stranice. Ovaj prvi korak je neobvezujući za obje strane.

Međusobna komunikacija vrlo je važna kako bi izbjegli kasnije eventualne nesporazume i probleme. U početku izrade web stranice nešto je intezivnija. Ja ću se maksimalno potruditi da ona bude što kraća, da Vas što manje ometam u Vašoj djelatnosti. Odabrati ću način komunikacije koji Vama najviše odgovara:

  • Video poziv – putem aplikacije Whats App
  • Telefonski razgovor – putem mobitela
  • Sastanak uživo – ako to dozvoljava geografski faktor
  • E-mail – za neke detalje u procesu (gdje mora biti pisani trag) je komunikacija putem e-maila obavezna.

Ako Vam video poziv ili sastanak nisu prihvatljivo rješenje, putem e-maila postavit ću Vam neka vrlo važna pitanja.

Komunikacija sa Vama meni je izuzetno važna. Omogućuje mi da bolje razumijem sve Vaše želje, potrebe i očekivanja od web stranice. Isto tako, da se bolje upoznam sa Vašom djelatnošću. Na sastanku ili putem e-maila želim između ostalih prikupiti slijedeće informacije:

  • Čime se Vi bavite?
  • Koja je svrha web stranice, zašto Vam je potrebna?
  • Koji su ciljevi web stranice, što je krajnji cilj?
  • Koja je Vaša ciljana publika?
  • Ako već imate web stranicu čime niste zadovoljni? Što bi ste željeli promijeniti?
  • Koju vrstu web stranice želite (prezentacijska web stranica, landing stranica, blog, web shop)?
  • Koja je veličina web stranice? Koliko podstranica sadrži?
  • Koju vrstu i količinu sadržaja želite imati na web stranici?
  • Ako trebate web shop, koje vrste plaćanja želite integrirati
  • Trebate li neke specifične funkcionalnosti na web stranici i koje?
  • Imate li specifičane zahtjeve dizajna?
  • Imate li brand?
  • Želite li višejezičnu web stranicu?
  • Imate li postojeću domenu?
  • Imate li postojeći hosting?
  • Imate li već pripremljen sadržaj za web stranicu? Ili će te pripremiti tijekom izrade? Ili želite moju uslugu pisanja sadržaja?
  • Želite li održavanje nakon izrade?
  • Koja su Vaša očekivanja od web stranice?
  • Koji je vremenski okvir izrade?
  • Koji je Vaš proračun za web stranicu?

Odgovori na ova i ostala pitanja važni su mi zbog izrade strategije. Vrlo je važno da web stranica obuhvati sve Vaše potrebe, želje i očekivanja. Ne smije se dogoditi da web stranica promaši svrhu. Zato je vrlo važna što bolja i preciznija međusobna komunikacija prije početka izrade web stranice.

Kada analiziram sve prikupljene informacije, poslat ću Vam ponudu. Ponuda će biti modularna, moći ćete sami odabrati koje moje usluge želite, a koje ne. Isto tako, bit će vrlo transparentna. Kod mene nema skrivenih troškova, sve unaprijed saznajete. Nastojat ću se prilagoditi Vašem proračunu. Bez obzira na iznos proračuna, uvijek ću se truditi ponuditi veću vrijednost od cijene.

Definiranje projekta

U slučaju prihvaćanja ponude sa Vaše strane zajedno ćemo analizirati i uskladiti što sve Vaša web stranica mora sadržavati.

Preciznim definiranjem međusobnih prava i obaveza izbjeći ćemo kasnije eventualne nesporazume i probleme. Zato je potrebno:

  • Definiranje svih mojih usluga uključenih u cijenu.
  • Definiranje stavki koje nisu uključene u cijenu.
  • Definiranje Vaših prava i obaveza.
  • Definiranje roka izrade.
  • Definiranje autorskih prava.
  • Definiranje cijene i načina plaćanja.

Ja sam u invalidskoj mirovini, fizička sam osoba i web stranice radim na osnovu Ugovora o autorskom djelu. Ugovor će (kao i ponuda) sadržavati sva međusobna prava i obaveze, autorska prava, iznos i način plaćanja i sve ostale neophodne informacije.

Ugovor o autorskom djelu ću sastaviti i poslati Vam na uvid. Zajedno ćemo napraviti eventualne korekcije ako to bude potrebno. Nakon potpisivanja Ugovora o autorskom djelu svako je dužan izvršiti svoje obaveze na vrijeme.

U slučaju prihvaćanja ponude, dužni ste prije izrade web stranice uplatiti na moj žiro račun 50% dogovorenog iznosa (radi preuzimanja, integracije i konfiguracija teme i potrebnih pluginova). Ostatak od 50% dužni ste uplatiti nakon izrade i Vašeg odobrenja, a prije aktiviranja web stranice.

Registracija domene

Ja Vas vodim kroz cijeli proces registracije domene (ako ju već nemate). Prvo provjerim da li je željena domena slobodna za registraciju. Ako je, obavljam sve potrebne korake. Vi na kraju trebate samo poslati pripremljen zahtjev za registraciju.

Domena .hr je besplatna. Uvjet je da je domena identična nazivu Vaše djelatnosti ( https://vasa-djelatnost.hr ). Kod ostalih domena (.com, .eu itd.) koje se plaćaju, registracija je moguća ako domena nije već zauzeta.

Zakup hostinga

Pomoći ću Vam odabrati hosting koji je optimalan za potrebe Vaše web stranice. Obavit ću sve potrebne korake za zakup željenog hostinga. Pripremit ću Vam zahtjev za zakup hostinga.

Vaša je uloga da pripremljen zahtjev pošaljete sa svoje e-mail adrese administratoru servera. On će Vam poslati pristupne podatke koje mi trebate proslijediti da mogu pristupiti serveru i početi sa izradom web stranice.

Nakon zakupa hostinga, povezat ću hosting s Vašom domenom i izvršiti svu potrebnu tehničku konfiguraciju. Također ću Vam konfigurirati sve željene e-mail adrese (npr. info@vasa-tvrtka.com).

Istraživanje i analiza

Prije nego što započnem s planiranjem web stranice, ključno je provesti temeljito istraživanje i analizu. Ovaj korak uključuje istraživanje konkurencije i istraživanje dizajna web stranice. Kvalitetna analiza omogućuje izradu strategije koja osigurava funkcionalnost, estetiku i optimizirane performanse stranice.

Analiza konkurencije omogućuje mi da razumijem što rade drugi u istoj ili sličnoj djelatnosti. Isto tako koje su njihove prednosti i slabosti. Pregledavam kako su strukturirane njihove web stranice, koje funkcionalnosti koriste i kakvo je njihovo korisničko iskustvo.

Također analiziram njihovu SEO strategiju, brzinu učitavanja i prilagođenost mobilnim uređajima. Na temelju tih podataka vidim prilike za poboljšanja i razvijam rješenja koja će Vašoj web stranici dati prednost na tržištu.

Dizajn je ključan je za stvaranje vizualno privlačne i funkcionalne web stranice. Istražujem aktualne trendove u web dizajnu, zanimljive detalje i uspješne primjere iz srodnih djelatnosti. Također istražujem najbolje prakse u korisničkom iskustvu (UX/UI dizajn).

Uzimam u obzir i Vaš brand. Cilj je pronaći ravnotežu između estetike i upotrebljivosti, stvarajući dizajn koji je privlačan, intuitivan i optimiziran za rezolucije ekrana svih uređaja.

Planiranje

Planiranje web stranice ključno je za njezinu funkcionalnost, izgled i dugoročnu održivost. U ovoj fazi planiram cjelokupnu strukturu web stranice, te vrstu i količinu sadržaja. Planiram sve tehničke i ostale resurse koji su potrebni za realizaciju projekta. Također, jako važno je predvidjeti sve Vaše buduće potrebe kako bi se web stranica kasnije mogla modularno nadograđivati.

Bilo bi idealno kada bi Vi isporučili kompletan sadržaj koji u tom trenutku imate prije izrade strukture i dizajna. To bi mi pomoglo da napravim bolju strukturu.

Ali, to u većini slučajeva nije tako. Vlasnik web stranice obično ili nema pripremljen sadržaj ili ima samo djelomično. U takvoj situaciji ja postavljam konture sadržaja (Lorem ipsum tekst i mjesta za fotografije).

U tijeku razvoja Vama šaljem precizne upute koju vrstu i količinu sadržaja da mi pošaljete. Druga opcija je da koristite moju uslugu Copywritinga (pisanja sadržaja za Vašu web stranicu). Kada pošaljete, ja ću taj originalan sadržaj uvrstiti umjesto konture na već predviđeno mjesto.

Nakon istraživanja i temeljite analize svih prikupljenih informacija pristupam izradi strukture web stranice. Uzimam u obzir sve Vaše potrebe i želje. Pored toga, struktura se temelji i na dobrom korisničkom iskustvu. Izradu strukture radim za sve uređaje (stolno računalo, laptop, tablet, mobitel). Izrada strukture između ostalog uključuje slijedeće radnje:

  • Definiranje svih potrebnih stranica u projektu (npr. Naslovna, O nama, Naši proizvodi, Naše usluge, Foto-galerija, Blog, Kontakt, Politika privatnosti itd.).
  • Definiranje svih potrebnih sekcija na svakoj stranici.
  • Definiranje navigacije (kreiranje svih izbornika na stranici).
  • Definiranje rasporeda svih internih i eksternih linkova.
  • Definiranje rasporeda svih vrsta sadržaja (tekst, fotografije, dokumenti, video, infografike, dugmad, formulari itd.).
  • Izrada mape web stranice (sitemap).
  • Planiranje zaglavlja (headera)
  • Planiranje podnožja (footera)

Odabir pravih tehnoloških rješenja i resursa ključan je za uspješnu izradu web stranice. Koristim WordPress koji je najpopularniji CMS na svijetu.

Planiram sve potrebne dodatke (pluginove) koji će osigurati sigurnost, kvalitetnu SEO optimizaciju, usklađenost Vaše web stranice sa GDPR-om (općoj uredbi o zaštiti podataka).

Ako Vaša web stranica zahtjeva specifične funkcionalnosti, potrebno je pronaći i istražiti adekvatne premium dodatke (npr. sustav za rezervacije i sl.).

Dizajn web stranice

Dizajn web stranice igra ključnu ulogu u stvaranju prvog dojma. Osigurava da stranica bude vizualno privlačna, intuitivna i lako upotrebljiva. Dizajn prilagođavam Vašem brandu, sadržaju i ciljevima, uz fokus na estetiku i korisničko iskustvo (UI/UX dizajn).

Moj način rada je da Vaš brand i sadržaj određuju strukturu i dizajn Vaše web stranice. Na taj način je dizajn unikatan i rađen samo za Vaše potrebe. Postoji i druga opcija kada dizajn diktira strukturu i sadržaj. To je u slučaju da koristim kupljeni template koji Vam se sviđa. Ali, taj način Vam ne bi nikako preporučio. Razlog je što dizajn nije samo vizualni izgled, treba voditi računa i o mnogim drugim čimbenicima. Isto tako, ako koristim template, ograničen sam njegovim mogućnostima.

Prije nego što započnem s izradom vizualnog dizajna, izrađujem wireframe – strukturalni prikaz rasporeda elemenata na stranici. Wireframe pomaže u planiranju izgleda i funkcionalnosti bez ometanja vizualnim detaljima. Postoje dvije vrste wireframea:

  • Low-Fidelity wireframe – jednostavan crno-bijeli skicirani prikaz osnovnog rasporeda elemenata bez detaljnih vizualnih elemenata. Koristi se za početne konzultacije i brzu iteraciju.
  • High-Fidelity wireframe – detaljniji prikaz koji uključuje boje, tipografiju i osnovne vizualne smjernice. Može uključivati i fotografije. Ova verzija služi kao temelj za konačni dizajn.

Wireframe je ključan korak jer osigurava da svi elementi budu logično raspoređeni prije nego što prijeđem na detaljan dizajn. Wireframe radim u Figmi. Figma je web aplikacija za dizajn sučelja.

Vizualni identitet web stranice mora biti u skladu s Vašim brendom. U ovoj fazi definiram globalne boje, tipografiju i ostale vizualne elemente koji će biti korišteni na cijeloj web stranici.

  • Boje – Slažem paletu boja koja odgovara Vašem brendu, vodeći računa o čitljivosti i kontrastu.
  • Tipografija – Biram fontove koji su vizualno ugodni, lako čitljivi i usklađeni s Vašim brandom. Fontove kasnije u fazi razvoja instaliram direktno na Vaš hosting kako bi Vaša web stranica bila sukladna sa GDPR-om (općom uredbom o zaštiti podataka). Pored toga, dolazi i do bržeg učitavanja web stranice. Tipografiju također usklađujem za sve uređaje (stolno računalo, laptop, tablet, mobitel)
  • Elementi dizajna – Definiram ujednačen stil dugmadi, ikona, margina i razmaka kako bi stranica bila vizualno skladna.

Ove smjernice omogućuju konzistentnost dizajna na svim podstranicama i osiguravaju da korisničko iskustvo bude ugodno i profesionalno.

Dizajn nije samo vizualna estetika – njegova glavna svrha je omogućiti intuitivnu i jednostavnu navigaciju kroz web stranicu. U ovom koraku provodim UI/UX optimizaciju kako bih osigurao da korisnici lako pronalaze informacije i da interakcija s web stranicom bude ugodna i učinkovita.

  • UI dizajn (User Interface) – Fokusira se na izgled elemenata, kao što su dugmad, ikone i raspored sadržaja. Svaki element mora biti vizualno privlačan i jasno istaknut.
  • UX dizajn (User Experience) – Cilj je osigurati pozitivno korisničko iskustvo. To uključuje jednostavnu navigaciju, brzu dostupnost informacija i optimizaciju za različite uređaje.
  • Upotrebljivost (Usability) – Vaša web stranica treba biti pristupačna za sve. Postoje ljudi koji imaju određene hendikepe. Dobar primjer je situacija kada slijepa osoba posjeti Vašu web stranicu. On ne vidi što je na fotografiji. Ali, pisanjem tzv. alt tagova, web stranica postaje upotrebljiva i za slijepe osobe. Pisanje alt tagova je obavezan korak u tzv. On-Page SEO optimizaciji.

Kombinacija ovih elemenata osigurava da web stranica bude funkcionalna, estetski privlačna i laka za korištenje za sve posjetitelje.

Vaše odobrenje za strukturu i dizajn

Prije nego što nastavim s razvojem stranice, potrebno mi je Vaše pisano odobrenje za strukturu i dizajn. U ovoj fazi slijedeći su koraci:

  • Slanje PDF datoteka – Ja ću Vam na Vašu e-mail adresu poslati kompletan pregled strukture i dizajna (wireframe) u PDF formatu. Struktura i dizajn bit će izrađeni u Figmi, vrlo popularnoj web aplikaciji za dizajn sučelja.
  • Vaše 1-3 revizije – Ako niste (ili jeste) zadovoljni mojim prijedlogom strukture i dizajna, trebate mi poslati e-mail. U tom mailu (ili u Wordovom dokumentu u prilogu) opišite sve što bi trebalo dodati, izbaciti ili promijeniti. To se odnosi i na strukturu i na dizajn. Ja ću nakon toga slijediti sve Vaše smjernice. Ponovno ću Vam opet poslati prepravljenu strukturu i dizajn. Vi možete (a i ne morate ako ste zadovoljni) ponovno poslati smjernice za korekciju. Uglavnom, u cijenu izrade uračunate su maksimalno 3 revizije. Broj revizija se može također dogovoriti prije izrade web stranice.
  • Vaše pisano odobrenje strukture i dizajna – Kada budete zadovoljni (sa ili bez revizija) sa strukturom i dizajnom morate mi poslati na moju e-mail adresu Vaše odobrenje strukture i dizajna.

Kada dobijem Vaše pisano odobrenje za strukturu i dizajn, nastavljam sa razvojem web stranice. Nakon odobrenja, struktura i dizajn postaju konačni. Ne mogu se kasnije raditi veće izmjene tijekom razvoja. Ustvari mogu, ali to onda znatno povećava Vaše troškove.

Prikupljanje resursa

Prije nego što započnem razvoj web stranice, potrebno je prikupiti sve resurse koji će biti integrirani u projekt. Ovaj korak osigurava da cijeli proces teče glatko i bez zastoja.

Ovaj korak uključuje nabavu svih licenci za softverske alate i dodatke, kao i prikupljanje sadržaja koji će biti korišten na web stranici. Dobro pripremljeni resursi omogućuju bržu i učinkovitiju izradu stranice, bez kasnijih odgoda ili nepredviđenih izmjena.

Web stranice najčešće izrađujem u CMS-u WordPress. Obavezna je instalacija teme i nekoliko neophodnih dodataka (plugina) za razne namjene. Neki plugini su opcionalni.

Ovisno o potrebama Vaše web stranice mogu biti potrebne licence koje se plaćaju za:

  • WordPress temu – premium tema za koju se plaća godišnja licenca
  • Plugini za razne namjene – za sigurnost, za SEO, sustav kolačića (usklađenost sa GDPR-om), pagebuilderi, dodatni alati itd. Potrebe mogu zahtijevati i integraciju plugina za razne specijalizirane funkcionalnosti (npr. e-trgovina, rezervacijski sustavi, članstva itd.). Cijene godišnjih licenci i potreban broj radnih sati za integraciju plugina u web stranicu mogu jako varirati.

Licence kupujem putem PayPala. Temu i plugine nakon toga preuzimam na svoje računalo. Kasnije sve integriram u web stranicu tijekom razvojnog procesa.

Cijene licenci (za 1 godinu) za WordPress temu i sve potrebne plugine uračunavam zajedno sa potrebnim brojem radnih sati u cijenu izrade web stranice.

Osim tehničkih resursa, potrebno je prikupiti sav sadržaj koji će se prikazivati na web stranici. Sadržaj se odnosi na elemente brenda (logo i sl.), tekstove, prijevode, fotografije, videozapise, vizuale i sve druge materijale koji će se koristiti na web stranici.

Postoje 2 opcije za prikupljanje sadržaja, Vi odaberite koja Vam bolje odgovara:

  • Vaša je dužnost dostaviti sadržaj prema mojim uputama – Ja ću Vam poslati smjernice o vrsti, količini i formatu sadržaja koji je potreban. Vi prema mojim uputama napišete tekstove. Isto tako, dostavite prijevode (ako je višejezična web stranica), fotografije, dokumente i ostale materijale na dogovoreni način.
  • Moja je dužnost prikupiti sadržaj (ili dio sadržaja) – Ako Vi nemate sadržaj ili nemate vremena za pripremu, mogu preuzeti potpuno ili djelomično taj dio posla. Moje dodatne usluge za pripremu sadržaja mogu biti: Copywriting (pisanje i optimizacija tekstova po SEO standardima), prijevod tekstova, pronalazak i optimizacija odgovarajućih fotografija (sa CC0 licencom), pronalazak vizuala, On-Page SEO optimizacija itd.

Važno! Kada se sadržaj jednom finalizira i integrira u web stranicu, kasnije izmjene nisu moguće ako bi to utjecalo na već dogovorenu strukturu stranice ili zahtijevalo promjenu dizajna. Kako bih osigurao dosljednost i efikasan rad, potrebno je da se sadržaj u potpunosti definira prije faze razvoja web stranice.

Razvoj web stranice

Razvoj web stranice predstavlja tehničku fazu koja se odvija na serveru. Sastoji se od Back-End i Front-End developmenta.

U Back-End development pripadaju sve radnje koje se izvode na serveru. Koriste se serverski programski jezici kojih ima više. Za CMS WordPress je važan programski jezik PHP jer je taj CMS pisan u njemu. U Back-End development pripada i rad sa bazama podataka.

Front-End development obuhvaća kodiranje korisničkog sučelja koje posjetitelji vide i koriste. Tu pripadaju sve radnje koje se odvijaju u pregledniku (browseru) interneta. Za kodiranje se koristi HTML i CSS, a za programiranje jedan od klijentskih jezika. Najpopularniji je JavaScript. HTML je odgovoran za strukturu web stranice, CSS za izgled i raspored, a JavaScript za interakcije sa posjetiteljima stranice.

Razvoj web stranice uključuje slijedeće moje radnje:

  • Instalacija i konfiguracija CMS-a WordPress
  • Instalacija i konfiguracija teme za WordPress
  • Instalacija i konfiguracija svih potrebnih pluginova
  • Izrada i konfiguracija e-mail adresa (npr. info@vasa-tvrtka.com)
  • Izrada naslovnice web stranice
  • Izrada ostalih stranica (npr. O nama, Naši proizvodi, Naše usluge, Foto galerija, Kontakt, Politika privatnosti itd.)
  • Izrada responzivnog dizajna – pravilan prikaz web stranice na ekranima svih uređaja (stolno računalo, laptop, tablet, mobitel)
  • Implementacija odobrene strukture u kod
  • Implementacija odobrenog dizajna u kod
  • Izrada kontakt forme sukladne GDPR-u
  • Integracija sustava za kolačiće
  • Pomoć kod izrade Politike privatnosti
  • Optimizacija sadržaja web stranice
  • Unos optimiziranog sadržaja u web stranicu
  • Povezivanje sa društvenim mrežama
  • Optimizacija brzine web stranice
  • Implementacija dodatnih jezika na web stranicu (opcionalno)
  • Ugradnja web shopa sa raznim oblicima plaćanja (opcionalno)
  • On-Page SEO optimizacija (opcionalno)
  • Copywriting (opcionalno)
  • Prijava na Google tražilicu
  • Sve ostale potrebne radnje

Testiranje

Testiranje je faza prije isporuke i objave web stranice. Cilj ove faze je osigurati da web stranica funkcionira besprijekorno, izgleda dobro na svim uređajima i preglednicima te pruža optimalno korisničko iskustvo. Testiranje uključuje provjeru sadržaja, tehničkih funkcionalnosti, sigurnosti i kompatibilnosti s različitim platformama.

Prije objave provodim detaljnu provjeru kako bih ispravio potencijalne pogreške:

  • Provjera gramatike i pravopisa – osiguravam da su svi tekstovi ispravno napisani i formatirani.
  • Provjera cjelokupnog sadržaja – provjeravam da su svi elementi (naslovi, slike, videozapisi) ispravno prikazani i učitani.
  • Testiranje svih linkova – ispitujem rade li unutarnje i vanjske poveznice te preusmjeravaju li korisnike na prave stranice.
  • Provjera funkcionalnosti – testiram kontakt forme, prijave na newsletter, interaktivne elemente i ostale značajke stranice.
  • Sigurnosna provjera – provjeravam SSL certifikat, sigurnosne postavke i zaštitu od neželjenog pristupa.
  • Testiranje dostupnosti – osiguravam da je web stranica pravilno indeksirana i dostupna bez pogrešaka.
  • Provjera e-mail sustava – testiram slanje i primanje poruka putem kontakt forme i e-mail adresa povezanih s web stranicom.
  • Provjera brzine učitavanja web stranice – testiram brzinu učitavanja na nekoliko alata za provjeru.

Web stranica mora biti u potpunosti responzivna i prilagođena svim vrstama uređaja. Detaljno testiram prikaz stranice na:

  • Stolnim računalima – veće rezolucije ekrana zahtijevaju prilagođeni raspored elemenata.
  • Laptopima – provjera prilagodbe na različite veličine ekrana i omjere stranice.
  • Tabletima – testiranje kako se sadržaj prilagođava manjim ekranima u vertikalnom i horizontalnom prikazu.
  • Mobilnim uređajima – optimizacija navigacije, tipografije i brzine učitavanja na pametnim telefonima.

Pritom osiguravam da su fontovi čitljivi, dugmad dovoljno velika za dodirne ekrane, a raspored sadržaja intuitivan.

Različiti preglednici mogu interpretirati HTML, CSS i JavaScript na različite načine. Zato temeljito testiram prikaz i funkcionalnost web stranice u najkorištenijim preglednicima, uključujući:

  • Google Chrome – najčešće korišten preglednik, važno je osigurati optimalan prikaz.
  • Mozilla Firefox – provjera kompatibilnosti s njegovim rendering engineom.
  • Microsoft Edge – testiranje na Windows platformama.
  • Safari – provjera kako se stranica prikazuje korisnicima Apple uređaja.
  • Opera i drugi preglednici – dodatna provjera za manji postotak korisnika.

Ova faza testiranja osigurava da svi posjetitelji, bez obzira na uređaj ili preglednik, dobiju najbolje moguće korisničko iskustvo. Nakon završnih testova, web stranica je spremna za objavu.

Isporuka i objava web stranice

U većini slučajeva (ne uvijek) stranicu radim na vlastitom hostingu. Na taj način Vi možete pratiti napredak bez utjecaja na Vašu eventualnu postojeću stranicu ili domenu. Nakon završetka razvoja, Vama šaljem link kako bi Vi mogli stranicu pregledati i isprobati funkcionalnosti u stvarnom okruženju.

Ako stranicu radim direktno na Vašem hostingu, u tom slučaju ću Vam poslati lozinku kako bi mogli samo Vi vidjeti stranicu prije objave.

Prije nego što web stranica bude javno dostupna, Vi mi trebate poslati pisano odobrenje putem e-maila. Time potvrđujete da ste zadovoljni izgledom, funkcionalnostima i svim tehničkim aspektima stranice.

Ako uočite bilo kakve nepravilnosti ili greške, u ovoj fazi ih možete prijaviti kako bih ih ispravio prije same objave. Ovo osigurava da konačna verzija stranice u potpunosti odgovara Vašim očekivanjima.

Nakon Vašeg odobrenja, dužni ste izvršiti uplatu preostalih 50% dogovorenog iznosa prije nego što započnem proces transfera web stranice na Vaš hosting. Kada uplata bude vidljiva, nastavljam s migracijom web stranice. Ovaj korak osigurava fer poslovanje i jasno definirane obveze obje strane.

Po primitku uplate premještam web stranicu s testnog okruženja na Vaš hosting. Nakon transfera provodim niz tehničkih provjera, uključujući konfiguraciju baze podataka, povezivanje stranice sa Vašom domenom, provjeru SSL certifikata, postavke e-mail servisa i testiranje funkcionalnosti kako bi sve radilo besprijekorno.

Nakon što se uvjerim da je stranica u potpunosti funkcionalna, prijavljujem je na Google tražilicu kako bi što prije bila indeksirana i vidljiva korisnicima.

Ako nije dogovorena moja usluga tehničkog održavanje i ažuriranja sadržaja, u ovom koraku moja obveza prema Vama završava. Međutim, Vi uvijek možete naknadno zatražiti moje dodatne usluge.

Održavanje web stranice

Kako bi web stranica ostala sigurna, funkcionalna i ažurna, potrebno je redovito održavanje. Tehnički aspekti kao što su sigurnosne nadogradnje i optimizacija ključni su za dugovječnost stranice, dok je redovito ažuriranje sadržaja važno za relevantnost i bolje rangiranje na tražilicama.

Ja vršim uslugu održavanja samo na web stranicama koje sam ja izradio.

Važno je napomenuti da za tehničko održavanje moraju biti aktivne licence teme i ugrađenih pluginova. Licence su za prvu godinu uračunate u cijenu izrade web stranice.

Tehničko održavanje obuhvaća slijedeće usluge:

  • Sigurnosne nadogradnje (update) web stranice – nadogradnja CMS sustava WordPress, nadogradnja WordPress teme, nadogradnja ugrađenih dodataka (pluginova).
  • Izrada sigurnosne kopije web stranice (backup) i vraćanje ispravne web stranice (restore) u slučaju eventualnog problema ili hakiranja. Vraća se stanje prije nastanka problema.
  • Test i optimizacija brzine web stranice (ako dolazi do sporog učitavanja web stranice).
  • 24/7 podrška i savjetovanje.
  • Eventualno resetiranje lozinke za ulaz u administraciju CMS-a WordPress radi potreba ažuriranja sadržaja (ako Vi sami unosite sadržaj).

Ažuriranje se odnosi na dodavanje, brisanje, optimizaciju ili izmjenu postojećeg sadržaja i(li) proizvoda na web stranici. Ažuriranje se ne odnosi na izmjenu dizajna ili funkcionalnosti na web stranici.

Ažuriranje većine sadržaja možete raditi i sami uz moju besplatnu obuku. Ako nemate vremena i(li) znanja, možete koristiti moju uslugu ažuriranja sadržaja.

Ukoliko sa Vaše strane postoji interes za mojim uslugama, prvi korak su inicijalne konzultacije. U prvoj međusobnoj komunikaciji, ključno mi je upoznavanje sa svim Vašim željama, potrebama i očekivanjima od web stranice. Ovaj prvi korak je neobvezujući za obje strane.

Način komunikacije

Međusobna komunikacija vrlo je važna kako bi izbjegli kasnije eventualne nesporazume i probleme. U početku izrade web stranice nešto je intezivnija. Ja ću se maksimalno potruditi da ona bude što kraća, da Vas što manje ometam u Vašoj djelatnosti. Odabrati ću način komunikacije koji Vama najviše odgovara:

  • Video poziv – putem aplikacija Google Meet, Microsoft Teams ili WhatsApp
  • Telefonski razgovor – putem mobitela
  • Sastanak uživo – ako to dozvoljava geografski faktor
  • E-mail – za neke detalje u procesu (gdje mora biti pisani trag) je komunikacija putem e-maila obavezna.

Ako Vam video poziv ili sastanak nisu prihvatljivo rješenje, putem e-maila postavit ću Vam neka vrlo važna pitanja.

Prikupljanje informacija

Komunikacija sa Vama meni je izuzetno važna. Omogućuje mi da bolje razumijem sve Vaše želje, potrebe i očekivanja od web stranice. Isto tako, da se bolje upoznam sa Vašom djelatnošću. Na sastanku ili putem e-maila želim između ostalih prikupiti slijedeće informacije:

  • Čime se Vi bavite?
  • Koja je svrha web stranice, zašto Vam je potrebna?
  • Koji su ciljevi web stranice, što je krajnji cilj?
  • Koja je Vaša ciljana publika?
  • Ako već imate web stranicu čime niste zadovoljni? Što bi ste željeli promijeniti?
  • Koju vrstu web stranice želite (prezentacijska web stranica, landing stranica, blog, web shop)?
  • Koja je veličina web stranice? Koliko podstranica sadrži?
  • Koju vrstu i količinu sadržaja želite imati na web stranici?
  • Ako trebate web shop, koje vrste plaćanja želite integrirati?
  • Trebate li neke specifične funkcionalnosti na web stranici i koje?
  • Imate li specifičane zahtjeve dizajna?
  • Imate li brand?
  • Želite li višejezičnu web stranicu?
  • Imate li postojeću domenu?
  • Imate li postojeći hosting?
  • Imate li već pripremljen sadržaj za web stranicu? Ili će te pripremiti tijekom izrade? Ili želite moju uslugu pisanja sadržaja?
  • Želite li održavanje nakon izrade?
  • Koja su Vaša očekivanja od web stranice?
  • Koji je vremenski okvir izrade?
  • Koji je Vaš proračun za web stranicu?

Odgovori na ova i ostala pitanja važni su mi zbog izrade strategije. Vrlo je važno da web stranica obuhvati sve Vaše potrebe, želje i očekivanja. Ne smije se dogoditi da web stranica promaši svrhu. Zato je vrlo važna što bolja i preciznija međusobna komunikacija prije početka izrade web stranice.

Slanje ponude

Kada analiziram sve prikupljene informacije, poslat ću Vam ponudu. Ponuda će biti modularna, moći ćete sami odabrati koje moje usluge želite, a koje ne. Isto tako, bit će vrlo transparentna. Kod mene nema skrivenih troškova, sve unaprijed saznajete. Nastojat ću se prilagoditi Vašem proračunu. Bez obzira na iznos proračuna, uvijek ću se truditi ponuditi veću vrijednost od cijene.

U slučaju prihvaćanja ponude sa Vaše strane zajedno ćemo analizirati i uskladiti što sve Vaša web stranica mora sadržavati.

Definiranje međusobnih prava i obaveza

Preciznim definiranjem međusobnih prava i obaveza izbjeći ćemo kasnije eventualne nesporazume i probleme. Zato je potrebno:

  • Definiranje svih mojih usluga uključenih u cijenu.
  • Definiranje stavki koje nisu uključene u cijenu.
  • Definiranje Vaših prava i obaveza.
  • Definiranje roka izrade.
  • Definiranje autorskih prava.
  • Definiranje cijene i načina plaćanja.

Ugovor o autorskom djelu

Ja sam u invalidskoj mirovini, fizička sam osoba i web stranice radim na osnovu Ugovora o autorskom djelu. Ugovor će (kao i ponuda) sadržavati sva međusobna prava i obaveze, autorska prava, iznos i način plaćanja i sve ostale neophodne informacije.

Ugovor o autorskom djelu ću sastaviti i poslati Vam na uvid. Zajedno ćemo napraviti eventualne korekcije ako to bude potrebno. Nakon potpisivanja Ugovora o autorskom djelu svako je dužan izvršiti svoje obaveze na vrijeme.

Način plaćanja

U slučaju prihvaćanja ponude, dužni ste prije izrade web stranice uplatiti na moj žiro račun 50% dogovorenog iznosa (radi preuzimanja, integracije i konfiguracija teme i potrebnih pluginova). Ostatak od 50% dužni ste uplatiti nakon izrade i Vašeg odobrenja, a prije aktiviranja web stranice.

Ja Vas vodim kroz cijeli proces registracije domene (ako ju već nemate). Prvo provjerim da li je željena domena slobodna za registraciju. Ako je, obavljam sve potrebne korake. Vi na kraju trebate samo poslati pripremljen zahtjev za registraciju.

Domena .hr je besplatna. Uvjet je da je domena identična nazivu Vaše djelatnosti ( https://vasa-djelatnost.hr ). Kod ostalih domena (.com, .eu itd.) koje se plaćaju, registracija je moguća ako domena nije već zauzeta.

Pomoći ću Vam odabrati hosting koji je optimalan za potrebe Vaše web stranice. Obavit ću sve potrebne korake za zakup željenog hostinga. Pripremit ću Vam zahtjev za zakup hostinga.

Vaša je uloga da pripremljen zahtjev pošaljete sa svoje e-mail adrese administratoru servera. On će Vam poslati pristupne podatke koje mi trebate proslijediti da mogu pristupiti serveru i početi sa izradom web stranice.

Nakon zakupa hostinga, povezat ću hosting s Vašom domenom i izvršiti svu potrebnu tehničku konfiguraciju. Također ću Vam konfigurirati sve željene e-mail adrese (npr. info@vasa-tvrtka.com).

Prije nego što započnem s planiranjem web stranice, ključno je provesti temeljito istraživanje i analizu. Ovaj korak uključuje istraživanje konkurencije i istraživanje dizajna web stranice. Kvalitetna analiza omogućuje izradu strategije koja osigurava funkcionalnost, estetiku i optimizirane performanse stranice.

Istraživanje konkurencije

Analiza konkurencije omogućuje mi da razumijem što rade drugi u istoj ili sličnoj djelatnosti. Isto tako koje su njihove prednosti i slabosti. Pregledavam kako su strukturirane njihove web stranice, koje funkcionalnosti koriste i kakvo je njihovo korisničko iskustvo.

Također analiziram njihovu SEO strategiju, brzinu učitavanja i prilagođenost mobilnim uređajima. Na temelju tih podataka vidim prilike za poboljšanja i razvijam rješenja koja će Vašoj web stranici dati prednost na tržištu.

Istraživanje dizajna

Dizajn je ključan je za stvaranje vizualno privlačne i funkcionalne web stranice. Istražujem aktualne trendove u web dizajnu, zanimljive detalje i uspješne primjere iz srodnih djelatnosti. Također istražujem najbolje prakse u korisničkom iskustvu (UX/UI dizajn).

Uzimam u obzir i Vaš brand. Cilj je pronaći ravnotežu između estetike i upotrebljivosti, stvarajući dizajn koji je privlačan, intuitivan i optimiziran za rezolucije ekrana svih uređaja.

Planiranje web stranice ključno je za njezinu funkcionalnost, izgled i dugoročnu održivost. U ovoj fazi planiram cjelokupnu strukturu web stranice, te vrstu i količinu sadržaja. Planiram sve tehničke i ostale resurse koji su potrebni za realizaciju projekta. Također, jako važno je predvidjeti sve Vaše buduće potrebe kako bi se web stranica kasnije mogla modularno nadograđivati.

Bilo bi idealno kada bi Vi isporučili kompletan sadržaj koji u tom trenutku imate prije izrade strukture i dizajna. To bi mi pomoglo da napravim bolju strukturu.

Ali, to u većini slučajeva nije tako. Vlasnik web stranice obično ili nema pripremljen sadržaj ili ima samo djelomično. U takvoj situaciji ja postavljam konture sadržaja (Lorem ipsum tekst i mjesta za fotografije).

U tijeku razvoja Vama šaljem precizne upute koju vrstu i količinu sadržaja da mi pošaljete. Druga opcija je da koristite moju uslugu Copywritinga (pisanja sadržaja za Vašu web stranicu). Kada pošaljete, ja ću taj originalan sadržaj uvrstiti umjesto konture na već predviđeno mjesto.

Izrada strukture web stranice

Nakon istraživanja i temeljite analize svih prikupljenih informacija pristupam izradi strukture web stranice. Uzimam u obzir sve Vaše potrebe i želje. Pored toga, struktura se temelji i na dobrom korisničkom iskustvu. Izradu strukture radim za sve uređaje (stolno računalo, laptop, tablet, mobitel). Izrada strukture između ostalog uključuje slijedeće radnje:

  • Definiranje svih potrebnih stranica u projektu (npr. Naslovna, O nama, Naši proizvodi, Naše usluge, Foto-galerija, Blog, Kontakt, Politika privatnosti itd.).
  • Definiranje svih potrebnih sekcija na svakoj stranici.
  • Definiranje navigacije (kreiranje svih izbornika na stranici).
  • Definiranje rasporeda svih internih i eksternih linkova.
  • Definiranje rasporeda svih vrsta sadržaja (tekst, fotografije, dokumenti, video, infografike, dugmad, formulari itd.).
  • Izrada mape web stranice (sitemap).
  • Planiranje zaglavlja (headera)
  • Planiranje podnožja (footera)

Planiranje potrebnih resursa

Odabir pravih tehnoloških rješenja i resursa ključan je za uspješnu izradu web stranice. Koristim WordPress koji je najpopularniji CMS na svijetu.

Planiram sve potrebne dodatke (pluginove) koji će osigurati sigurnost, kvalitetnu SEO optimizaciju, usklađenost Vaše web stranice sa GDPR-om (općoj uredbi o zaštiti podataka).

Ako Vaša web stranica zahtjeva specifične funkcionalnosti, potrebno je pronaći i istražiti adekvatne premium dodatke (npr. sustav za rezervacije i sl.).

Dizajn web stranice igra ključnu ulogu u stvaranju prvog dojma. Osigurava da stranica bude vizualno privlačna, intuitivna i lako upotrebljiva. Dizajn prilagođavam Vašem brandu, sadržaju i ciljevima, uz fokus na estetiku i korisničko iskustvo (UI/UX dizajn).

Moj način rada je da Vaš brand i sadržaj određuju strukturu i dizajn Vaše web stranice. Na taj način je dizajn unikatan i rađen samo za Vaše potrebe.

Postoji i druga opcija kada dizajn diktira strukturu i sadržaj. To je u slučaju da koristim kupljeni template koji Vam se sviđa. Ali, taj način Vam ne bi nikako preporučio. Razlog je što dizajn nije samo vizualni izgled, treba voditi računa i o mnogim drugim čimbenicima. Isto tako, ako koristim template, ograničen sam njegovim mogućnostima.

Wireframe (Low-Fidelity & High-Fidelity)

Prije nego što započnem s izradom vizualnog dizajna, izrađujem wireframe – strukturalni prikaz rasporeda elemenata na stranici. Wireframe pomaže u planiranju izgleda i funkcionalnosti bez ometanja vizualnim detaljima. Postoje dvije vrste wireframea:

  • Low-Fidelity wireframe – jednostavan crno-bijeli skicirani prikaz osnovnog rasporeda elemenata bez detaljnih vizualnih elemenata. Koristi se za početne konzultacije i brzu iteraciju.
  • High-Fidelity wireframe – detaljniji prikaz koji uključuje boje, tipografiju i osnovne vizualne smjernice. Može uključivati i fotografije. Ova verzija služi kao temelj za konačni dizajn.

Wireframe je ključan korak jer osigurava da svi elementi budu logično raspoređeni prije nego što prijeđem na detaljan dizajn. Wireframe radim u Figmi. Figma je web aplikacija za dizajn sučelja.

Vizualni stil (brand, globalne boje, tipografija...)

Vizualni identitet web stranice mora biti u skladu s Vašim brendom. U ovoj fazi definiram globalne boje, tipografiju i ostale vizualne elemente koji će biti korišteni na cijeloj web stranici.

  • Boje – Slažem paletu boja koja odgovara Vašem brendu, vodeći računa o čitljivosti i kontrastu.
  • Tipografija – Biram fontove koji su vizualno ugodni, lako čitljivi i usklađeni s Vašim brandom. Fontove kasnije u fazi razvoja instaliram direktno na Vaš hosting kako bi Vaša web stranica bila sukladna sa GDPR-om (općom uredbom o zaštiti podataka). Pored toga, dolazi i do bržeg učitavanja web stranice. Tipografiju također usklađujem za sve uređaje (stolno računalo, laptop, tablet, mobitel)
  • Elementi dizajna – Definiram ujednačen stil dugmadi, ikona, margina i razmaka kako bi stranica bila vizualno skladna.

Ove smjernice omogućuju konzistentnost dizajna na svim podstranicama i osiguravaju da korisničko iskustvo bude ugodno i profesionalno.

UI/UX dizajn, Usability

Dizajn nije samo vizualna estetika – njegova glavna svrha je omogućiti intuitivnu i jednostavnu navigaciju kroz web stranicu. U ovom koraku provodim UI/UX optimizaciju kako bih osigurao da korisnici lako pronalaze informacije i da interakcija s web stranicom bude ugodna i učinkovita.

  • UI dizajn (User Interface) – Fokusira se na izgled elemenata, kao što su dugmad, ikone i raspored sadržaja. Svaki element mora biti vizualno privlačan i jasno istaknut.
  • UX dizajn (User Experience) – Cilj je osigurati pozitivno korisničko iskustvo. To uključuje jednostavnu navigaciju, brzu dostupnost informacija i optimizaciju za različite uređaje.
  • Upotrebljivost (Usability) – Vaša web stranica treba biti pristupačna za sve. Postoje ljudi koji imaju određene hendikepe. Dobar primjer je situacija kada slijepa osoba posjeti Vašu web stranicu. On ne vidi što je na fotografiji. Ali, pisanjem tzv. alt tagova, web stranica postaje upotrebljiva i za slijepe osobe. Pisanje alt tagova je obavezan korak u tzv. On-Page SEO optimizaciji.

Kombinacija ovih elemenata osigurava da web stranica bude funkcionalna, estetski privlačna i laka za korištenje za sve posjetitelje.

Prije nego što nastavim s razvojem stranice, potrebno mi je Vaše pisano odobrenje za strukturu i dizajn. U ovoj fazi slijedeći su koraci:

  • Slanje PDF datoteka – Ja ću Vam na Vašu e-mail adresu poslati kompletan pregled strukture i dizajna (wireframe) u PDF formatu. Struktura i dizajn bit će izrađeni u Figmi, vrlo popularnoj web aplikaciji za dizajn sučelja.
  • Vaše 1-3 revizije – Ako niste (ili jeste) zadovoljni mojim prijedlogom strukture i dizajna, trebate mi poslati e-mail. U tom mailu (ili u Wordovom dokumentu u prilogu) opišite sve što bi trebalo dodati, izbaciti ili promijeniti. To se odnosi i na strukturu i na dizajn. Ja ću nakon toga slijediti sve Vaše smjernice. Ponovno ću Vam opet poslati prepravljenu strukturu i dizajn. Vi možete (a i ne morate ako ste zadovoljni) ponovno poslati smjernice za korekciju. Uglavnom, u cijenu izrade uračunate su maksimalno 3 revizije. Broj revizija se može također dogovoriti prije izrade web stranice.
  • Vaše pisano odobrenje strukture i dizajna – Kada budete zadovoljni (sa ili bez revizija) sa strukturom i dizajnom morate mi poslati na moju e-mail adresu Vaše odobrenje strukture i dizajna.

Kada dobijem Vaše pisano odobrenje za strukturu i dizajn, nastavljam sa razvojem web stranice. Nakon odobrenja, struktura i dizajn postaju konačni. Ne mogu se kasnije raditi veće izmjene tijekom razvoja. Ustvari mogu, ali to onda znatno povećava Vaše troškove.

Prije nego što započnem razvoj web stranice, potrebno je prikupiti sve resurse koji će biti integrirani u projekt. Ovaj korak osigurava da cijeli proces teče glatko i bez zastoja.

Ovaj korak uključuje nabavu svih licenci za softverske alate i dodatke, kao i prikupljanje sadržaja koji će biti korišten na web stranici. Dobro pripremljeni resursi omogućuju bržu i učinkovitiju izradu stranice, bez kasnijih odgoda ili nepredviđenih izmjena.

Prikupljanje licenci

Web stranice najčešće izrađujem u CMS-u WordPress. Obavezna je instalacija teme i nekoliko neophodnih dodataka (plugina) za razne namjene. Neki plugini su opcionalni.

Ovisno o potrebama Vaše web stranice mogu biti potrebne licence koje se plaćaju za:

  • WordPress temu – premium tema za koju se plaća godišnja licenca
  • Plugini za razne namjene – za sigurnost, za SEO, sustav kolačića (usklađenost sa GDPR-om), pagebuilderi, dodatni alati itd. Potrebe mogu zahtijevati i integraciju plugina za razne specijalizirane funkcionalnosti (npr. e-trgovina, rezervacijski sustavi, članstva itd.). Cijene godišnjih licenci i potreban broj radnih sati za integraciju plugina u web stranicu mogu jako varirati.

Licence kupujem putem PayPala. Temu i plugine nakon toga preuzimam na svoje računalo. Kasnije sve integriram u web stranicu tijekom razvojnog procesa.

Cijene licenci (za 1 godinu) za WordPress temu i sve potrebne plugine uračunavam zajedno sa potrebnim brojem radnih sati u cijenu izrade web stranice.

Prikupljanje sadržaja

Osim tehničkih resursa, potrebno je prikupiti sav sadržaj koji će se prikazivati na web stranici. Sadržaj se odnosi na elemente brenda (logo i sl.), tekstove, prijevode, fotografije, videozapise, vizuale i sve druge materijale koji će se koristiti na web stranici.

Postoje 2 opcije za prikupljanje sadržaja, Vi odaberite koja Vam bolje odgovara:

  • Vaša je dužnost dostaviti sadržaj prema mojim uputama – Ja ću Vam poslati smjernice o vrsti, količini i formatu sadržaja koji je potreban. Vi prema mojim uputama napišete tekstove. Isto tako, dostavite prijevode (ako je višejezična web stranica), fotografije, dokumente i ostale materijale na dogovoreni način.
  • Moja je dužnost prikupiti sadržaj (ili dio sadržaja) – Ako Vi nemate sadržaj ili nemate vremena za pripremu, mogu preuzeti potpuno ili djelomično taj dio posla. Moje dodatne usluge za pripremu sadržaja mogu biti: Copywriting (pisanje i optimizacija tekstova po SEO standardima), prijevod tekstova, pronalazak i optimizacija odgovarajućih fotografija (sa CC0 licencom), pronalazak vizuala, On-Page SEO optimizacija itd.

Važno! Kada se sadržaj jednom finalizira i integrira u web stranicu, kasnije izmjene nisu moguće ako bi to utjecalo na već dogovorenu strukturu stranice ili zahtijevalo promjenu dizajna. Kako bih osigurao dosljednost i efikasan rad, potrebno je da se sadržaj u potpunosti definira prije faze razvoja web stranice.

Razvoj web stranice predstavlja tehničku fazu koja se odvija na serveru. Sastoji se od Back-End i Front-End developmenta.

  • Back-End development – tu pripadaju sve radnje koje se izvode na serveru. Koriste se serverski programski jezici kojih ima više. Za CMS WordPress je važan programski jezik PHP jer je taj CMS pisan u njemu. U Back-End development pripada i rad sa bazama podataka.
  • Front-End development obuhvaća kodiranje korisničkog sučelja koje posjetitelji vide i koriste. Tu pripadaju sve radnje koje se odvijaju u pregledniku (browseru) interneta. Za kodiranje se koristi HTML i CSS, a za programiranje jedan od klijentskih jezika. Najpopularniji je JavaScript. HTML je odgovoran za strukturu web stranice, CSS za izgled i raspored, a JavaScript za interakcije sa posjetiteljima stranice.

Razvoj web stranice uključuje slijedeće moje radnje:

  • Instalacija i konfiguracija CMS-a WordPress
  • Instalacija i konfiguracija teme za WordPress
  • Instalacija i konfiguracija svih potrebnih pluginova
  • Izrada i konfiguracija e-mail adresa (npr. info@vasa-tvrtka.com)
  • Izrada naslovnice web stranice
  • Izrada ostalih stranica (npr. O nama, Naši proizvodi, Naše usluge, Foto galerija, Kontakt, Politika privatnosti itd.)
  • Izrada responzivnog dizajna – pravilan prikaz web stranice na ekranima svih uređaja (stolno računalo, laptop, tablet, mobitel)
  • Implementacija odobrene strukture u kod
  • Implementacija odobrenog dizajna u kod
  • Izrada kontakt forme sukladne GDPR-u
  • Integracija sustava za kolačiće
  • Pomoć kod izrade Politike privatnosti
  • Optimizacija sadržaja web stranice
  • Unos optimiziranog sadržaja u web stranicu
  • Povezivanje sa društvenim mrežama
  • Optimizacija brzine web stranice
  • Implementacija dodatnih jezika na web stranicu (opcionalno)
  • Ugradnja web shopa sa raznim oblicima plaćanja (opcionalno)
  • On-Page SEO optimizacija (opcionalno)
  • Copywriting (opcionalno)
  • Prijava na Google tražilicu
  • Sve ostale potrebne radnje

Testiranje je faza prije isporuke i objave web stranice. Cilj ove faze je osigurati da web stranica funkcionira besprijekorno, izgleda dobro na svim uređajima i preglednicima te pruža optimalno korisničko iskustvo. Testiranje uključuje provjeru sadržaja, tehničkih funkcionalnosti, sigurnosti i kompatibilnosti s različitim platformama.

Sveobuhvatna provjera web stranice

Prije objave provodim detaljnu provjeru kako bih ispravio potencijalne pogreške:

  • Provjera gramatike i pravopisa – osiguravam da su svi tekstovi ispravno napisani i formatirani.
  • Provjera cjelokupnog sadržaja – provjeravam da su svi elementi (naslovi, slike, videozapisi) ispravno prikazani i učitani.
  • Testiranje svih linkova – ispitujem rade li unutarnje i vanjske poveznice te preusmjeravaju li korisnike na prave stranice.
  • Provjera funkcionalnosti – testiram kontakt forme, prijave na newsletter, interaktivne elemente i ostale značajke stranice.
  • Sigurnosna provjera – provjeravam SSL certifikat, sigurnosne postavke i zaštitu od neželjenog pristupa.
  • Testiranje dostupnosti – osiguravam da je web stranica pravilno indeksirana i dostupna bez pogrešaka.
  • Provjera e-mail sustava – testiram slanje i primanje poruka putem kontakt forme i e-mail adresa povezanih s web stranicom.
  • Provjera brzine učitavanja web stranice – testiram brzinu učitavanja na nekoliko alata za provjeru.

Testiranje na raznim uređajima

Web stranica mora biti u potpunosti responzivna i prilagođena svim vrstama uređaja. Detaljno testiram prikaz stranice na:

  • Stolnim računalima – veće rezolucije ekrana zahtijevaju prilagođeni raspored elemenata.
  • Laptopima – provjera prilagodbe na različite veličine ekrana i omjere stranice.
  • Tabletima – testiranje kako se sadržaj prilagođava manjim ekranima u vertikalnom i horizontalnom prikazu.
  • Mobilnim uređajima – optimizacija navigacije, tipografije i brzine učitavanja na pametnim telefonima.

Pritom osiguravam da su fontovi čitljivi, dugmad dovoljno velika za dodirne ekrane, a raspored sadržaja intuitivan.

Testiranje u raznim preglednicima

Različiti preglednici mogu interpretirati HTML, CSS i JavaScript na različite načine. Zato temeljito testiram prikaz i funkcionalnost web stranice u najkorištenijim preglednicima, uključujući:

  • Google Chrome – najčešće korišten preglednik, važno je osigurati optimalan prikaz.
  • Mozilla Firefox – provjera kompatibilnosti s njegovim rendering engineom.
  • Microsoft Edge – testiranje na Windows platformama.
  • Safari – provjera kako se stranica prikazuje korisnicima Apple uređaja.
  • Opera i drugi preglednici – dodatna provjera za manji postotak korisnika.

Ova faza testiranja osigurava da svi posjetitelji, bez obzira na uređaj ili preglednik, dobiju najbolje moguće korisničko iskustvo. Nakon završnih testova, web stranica je spremna za objavu.

U većini slučajeva (ne uvijek) stranicu radim na vlastitom hostingu. Na taj način Vi možete pratiti napredak bez utjecaja na Vašu eventualnu postojeću stranicu ili domenu.

Nakon završetka razvoja, Vama šaljem link kako bi Vi mogli stranicu pregledati i isprobati funkcionalnosti u stvarnom okruženju.

Ako stranicu radim direktno na Vašem hostingu, u tom slučaju ću Vam poslati lozinku kako bi mogli samo Vi vidjeti stranicu prije objave.

Vaše odobrenje za objavu

Prije nego što web stranica bude javno dostupna, Vi mi trebate poslati pisano odobrenje putem e-maila. Time potvrđujete da ste zadovoljni izgledom, funkcionalnostima i svim tehničkim aspektima stranice.

Ako uočite bilo kakve nepravilnosti ili greške, u ovoj fazi ih možete prijaviti kako bih ih ispravio prije same objave. Ovo osigurava da konačna verzija stranice u potpunosti odgovara Vašim očekivanjima.

Uplata preostalog iznosa

Nakon Vašeg odobrenja, dužni ste izvršiti uplatu preostalih 50% dogovorenog iznosa prije nego što započnem proces transfera web stranice na Vaš hosting. Kada uplata bude vidljiva, nastavljam s migracijom web stranice. Ovaj korak osigurava fer poslovanje i jasno definirane obveze obje strane.

Transfer i objava web stranice

Po primitku uplate premještam web stranicu s testnog okruženja na Vaš hosting. Nakon transfera provodim niz tehničkih provjera, uključujući konfiguraciju baze podataka, povezivanje stranice sa Vašom domenom, provjeru SSL certifikata, postavke e-mail servisa i testiranje funkcionalnosti kako bi sve radilo besprijekorno.

Nakon što se uvjerim da je stranica u potpunosti funkcionalna, prijavljujem je na Google tražilicu kako bi što prije bila indeksirana i vidljiva korisnicima.

Ako nije dogovorena moja usluga tehničkog održavanje i ažuriranja sadržaja, u ovom koraku moja obveza prema Vama završava.

Međutim, Vi uvijek možete naknadno zatražiti moje dodatne usluge.

Kako bi web stranica ostala sigurna, funkcionalna i ažurna, potrebno je redovito održavanje. Tehnički aspekti kao što su sigurnosne nadogradnje i optimizacija ključni su za dugovječnost stranice, dok je redovito ažuriranje sadržaja važno za relevantnost i bolje rangiranje na tražilicama.

Ja vršim uslugu održavanja samo na web stranicama koje sam ja izradio.

Tehničko održavanje web stranice

Važno je napomenuti da za tehničko održavanje moraju biti aktivne licence teme i ugrađenih pluginova. Licence su za prvu godinu uračunate u cijenu izrade web stranice.

Tehničko održavanje obuhvaća slijedeće usluge:

  • Sigurnosne nadogradnje (update) web stranice – nadogradnja CMS sustava WordPress, nadogradnja WordPress teme, nadogradnja ugrađenih dodataka (pluginova).
  • Izrada sigurnosne kopije web stranice (backup) i vraćanje ispravne web stranice (restore) u slučaju eventualnog problema ili hakiranja. Vraća se stanje prije nastanka problema.
  • Test i optimizacija brzine web stranice (ako dolazi do sporog učitavanja web stranice).
  • 24/7 podrška i savjetovanje.
  • Eventualno resetiranje lozinke za ulaz u administraciju CMS-a WordPress radi potreba ažuriranja sadržaja (ako Vi sami unosite sadržaj).

Ažuriranje sadržaja

Ažuriranje se odnosi na dodavanje, brisanje, optimizaciju ili izmjenu postojećeg sadržaja i(li) proizvoda na web stranici. Ažuriranje se ne odnosi na izmjenu dizajna ili funkcionalnosti na web stranici.

Ažuriranje većine sadržaja možete raditi i sami uz moju besplatnu obuku. Ako nemate vremena i(li) znanja, možete koristiti moju uslugu ažuriranja sadržaja.