Izvana gledano, izrada web stranice izgleda kao magija. Razgovarate s nekim programerima, čekate par tjedana i pojavi se gotova stranica. Iznutra, to je niz vrlo promišljenih koraka. Svaki se nadovezuje na prethodni.
Razumijevanje ovog procesa neće vas učiniti web programerom. Ali učinit će vas boljim klijentom. Znat ćete što očekivati, kada dati povratne informacije i zašto određene faze traju duže od drugih.
Evo kako to zapravo funkcionira.
Faza 1: Istraživanje i strategija
Ovo je najvažnija faza. Ujedno je i ona koju klijenti žele što brže preskočiti.
Sjednemo i utvrdimo što vaša web stranica treba postići. Ne kako treba izgledati. Što treba raditi. To su različita pitanja s različitim odgovorima.
Tijekom istraživanja pokrivamo vaše poslovne ciljeve, ciljnu publiku, konkurenciju i stanje sadržaja. Pregledamo što funkcionira na vašoj trenutnoj stranici (ako je imate) i što ne funkcionira.
Rezultat je projektni brief. Definira opseg, mapu stranice, popis značajki, vremenski okvir i budžet. Sve što slijedi gradi se na tom dokumentu. Požurite ga, i platit ćete za to kasnije s revizijama koje su se mogle izbjeći.
Ova faza obično traje 1-2 tjedna. Ako je vaš projekt velik ili složen, može potrajati duže. To je normalno.
Faza 2: Dizajn
Dizajn nije dekoracija. To je rješavanje problema pikselima.
Počinjemo s wireframeovima. To su grubi rasporedi koji pokazuju gdje ide sadržaj na svakoj vrsti stranice. Bez boja, bez fontova, bez slika. Samo struktura. Wireframeovi nam omogućuju da testiramo navigaciju i hijerarhiju sadržaja prije nego se itko emocionalno veže za izgled.
Nakon što su wireframeovi odobreni, prelazimo na vizualni dizajn. Tu se odabir boja, tipografija, razmaci i ukupni vizualni smjer spajaju u cjelinu. Dizajniramo ključne stranice prvo (obično početnu stranicu, jednu unutarnju stranicu i jednu stranicu sa sadržajem), a ostatak gradimo iz tih uspostavljenih obrazaca.
Dobar dizajn čini da se stvari osjećaju očitnima. Gumbi izgledaju klikabilno. Važne informacije ističu se. Navigacija ima smisla bez uputa. To je dio korisničkog iskustva koji odvaja profesionalne stranice od amaterskih.
Očekujte 2-3 kruga revizija tijekom ove faze. To nije znak neuspjeha. Tako dizajn funkcionira. Vidite nešto, reagirate na to, zajedno usavršavamo.
Faza 3: Razvoj
Sada dizajn postaje prava web stranica. Ovdje se piše kod.
Razvoj ima dva sloja. Front-end je sve što korisnici vide i s čime komuniciraju: raspored, animacije, obrasci, responzivno ponašanje na različitim veličinama ekrana. Back-end je sve iza kulisa: upravljanje sadržajem, baze podataka, serverska logika, integracije s vanjskim servisima.
Tijekom razvoja razmišljamo o stvarima koje nikad nećete vidjeti, ali ćete ih definitivno osjetiti. Brzina učitavanja stranice. Pristupačnost za korisnike s invaliditetom. Čist kod koji neće postati noćna mora za održavanje za dvije godine.
Responzivno ponašanje gradimo od početka, ne kao dodatak. Vaša stranica mora raditi na telefonu, tabletu, laptopu i velikom monitoru. To nisu četiri različite stranice. To je jedna stranica koja se inteligentno prilagođava.
Ova faza je obično najduža, traje 2-4 tjedna ovisno o složenosti. Dobit ćete izvješća o napretku, ali ovo je uglavnom posao s glavom u kodu na našoj strani.
Faza 4: Integracija sadržaja
Ovdje pripremljeni klijenti prednjače. Ako je vaš sadržaj spreman, ova faza traje dane. Ako nije, cijeli projekt stoji.
Uzimamo vaš tekst, slike, videozapise i ostale medije te ih integriramo u izgrađenu stranicu. To nije samo kopiranje i lijepljenje. Sadržaj se formatira, optimizira za tražilice i testira da se dobro čita na svim veličinama ekrana.
Slike se komprimiraju bez vidljivog gubitka kvalitete. Hijerarhija naslova strukturira se za SEO. Pišu se alt tekstovi. Izrađuju se meta opisi. Ti detalji su nevidljivi većini posjetitelja, ali kritični za performanse u pretragama.
Faza 5: Testiranje
Testiranje nije opcija. Nije nešto što brzamo na dan lansiranja. To je zasebna faza s kontrolnom listom.
Testiramo na više preglednika: Chrome, Firefox, Safari, Edge. Testiramo na više uređaja: telefoni (iOS i Android), tableti, laptopi, stolna računala. Testiramo obrasce, linkove, vremena učitavanja, stanja grešaka i rubne slučajeve.
Provjeravamo pristupačnost. Može li netko navigirati stranicom tipkovnicom? Imaju li čitači zaslona smisla za sadržaj? Jesu li omjeri kontrasta dovoljni za čitljivost?
Testiramo performanse. Koliko se brzo učitava početna stranica na 3G vezi? Koji je Largest Contentful Paint rezultat? Kolika je ukupna težina stranice? Te metrike izravno utječu na korisničko iskustvo i pozicije na Googleu.
Ako nađemo probleme (a uvijek ih nađemo), popravljamo ih prije lansiranja. Ne nakon. Lansiranje stranice s poznatim greškama je nešto što ne radimo.
Faza 6: Lansiranje
Dan lansiranja je uzbudljiv, ali neuzbudljiv ako ste sve napravili kako treba. Stranica postaje aktivna, DNS se propagira i unutar nekoliko sati vaša nova web stranica služi posjetiteljima.
Prije nego pritisnemo prekidač, prolazimo kroz završnu kontrolnu listu. SSL certifikat aktivan. Preusmjeravanja sa starih URL-ova konfigurirana. Praćenje analitike instalirano. Mapa stranice predana tražilicama. Sigurnosna kopija stare stranice arhivirana.
Pomno pratimo stranicu prvih 48 sati. Ako se nešto pokvari u produkciji što se nije pokvarilo u testiranju (rijetko, ali moguće), popravljamo odmah.
Nakon lansiranja
Web stranica nije poster koji objesite na zid i zaboravite. To je živi organizam koji treba pažnju.
Sadržaj postaje zastario. Sigurnosne zakrpe treba primijeniti. Performanse se mogu pogoršati kako se sadržaj akumulira. Analitika otkriva prilike koje niste vidjeli pri lansiranju.
Zato je kontinuirano održavanje važno. Ne kao prodajni dodatak, već kao praktična stvarnost. Web stranice koje najbolje performiraju su one koje dobivaju redovitu pažnju.
Gdje projekti krenu po krivu
Po našem iskustvu, većina projektnih problema svodi se na tri uzroka.
Nejasni ciljevi. Ako nitko nije definirao uspjeh, nitko ne zna kada prestati s revizijama.
Nedostajući sadržaj. Stranica je gotova, ali nema što staviti u nju. Projekt stoji tjednima čekajući tekstove.
Previše kuhara. Kada svaki dionik ima jednako pravo veta, povratne informacije postaju kontradiktorne i napredak se zamrzava.
Rješenje za sva tri je isto: jasne odluke donesene rano, dokumentirane u projektnom briefu i poštovane kroz cijeli proces.
Razmišljate o novoj web stranici? Razgovarajmo o vašem projektu. Mapirat ćemo proces, postaviti realna očekivanja i pronaći pravi pristup za vašu specifičnu situaciju.
