Dobar poslovni web nije samo web koji izgleda moderno.
Njegov je posao pomoći korisniku da brzo razumije tko ste, što nudite, zašto bi vam trebao vjerovati i što treba napraviti sljedeće.
To znači da kvalitetna web stranica mora istovremeno zadovoljiti nekoliko stvari:
- jasno komunicirati ponudu
- biti jednostavna za korištenje
- dobro raditi na mobitelu
- brzo se učitavati
- graditi povjerenje
- omogućiti korisniku jednostavan sljedeći korak
- biti tehnički ispravna
- imati dobre SEO temelje
Vizualni dizajn je važan, ali je samo jedan dio cijelog sustava.
Web može izgledati odlično i istovremeno biti vrlo loš poslovni alat.
Jasna poruka
Korisnik bi u nekoliko sekundi trebao razumjeti čime se bavite.
Naslovna stranica ne bi trebala početi nejasnom porukom poput:
Gradimo iskustva za budućnost.
ako korisnik nakon toga još uvijek ne zna prodajete li softver, namještaj ili poslovno savjetovanje.
Puno je korisnije jasno napisati:
Izrađujemo web stranice i web trgovine za male i srednje tvrtke.
Kreativnost može doći nakon jasnoće.
Ako korisnik ne razumije ponudu, teško će nastaviti prema sljedećem koraku.
Jasan korisnik
Dobar poslovni web ne pokušava govoriti svima.
Sadržaj treba biti pisan za ljude koji stvarno mogu postati klijenti.
Primjerice, web agencije koja radi prvenstveno s manjim hrvatskim tvrtkama može govoriti o:
- dobivanju više upita
- jednostavnom upravljanju sadržajem
- SEO vidljivosti
- troškovima
- održavanju
Velika korporacija koja traži kompleksnu enterprise platformu imala bi potpuno drugačija očekivanja.
Što jasnije znate kome se obraćate, lakše je napraviti dobar sadržaj, strukturu i dizajn.
Jednostavna navigacija
Navigacija treba biti predvidljiva.
Korisnik ne bi trebao razmišljati što znači određena stavka izbornika.
Nazivi poput:
- Usluge
- Projekti
- O nama
- Blog
- Kontakt
možda nisu kreativni, ali su jasni.
Glavni izbornik također ne treba sadržavati svaki URL na webu.
Njegova je svrha omogućiti brz pristup najvažnijim dijelovima stranice.
Ako imate puno sadržaja, sekundarne stranice mogu biti dostupne kroz:
- sadržaj stranica
- footer
- kategorije
- interne linkove
Dobra struktura weba važna je upravo zato što korisniku daje logičan put kroz sadržaj.
Više o tome:
https://legatech.hr/blog/struktura-web-stranice-za-malu-tvrtku
Dobra hijerarhija
Korisnik bi pogledom trebao moći razlikovati:
- glavni naslov
- podnaslov
- sekcije
- običan tekst
- CTA
- dodatne informacije
Ako je svaki element jednako velik i vizualno snažan, korisnik ne zna gdje treba gledati.
Vizualna hijerarhija stvara prioritete.
Primjerice:
H1 govori što je glavna tema stranice.
H2 dijeli sadržaj na logične cjeline.
CTA pokazuje gdje korisnik može napraviti sljedeći korak.
Dobar dizajn usmjerava pažnju, umjesto da se svi elementi bore za nju.
Sadržaj odgovara na pitanja
Poslovni web ne treba samo govoriti koliko je tvrtka kvalitetna.
Treba pomoći korisniku donijeti odluku.
Na stranici usluge korisnik često želi saznati:
- što dobiva
- kome je usluga namijenjena
- kako izgleda proces
- koliko traje
- koliko košta
- što je uključeno
- što se događa nakon kupnje
- kako vas može kontaktirati
Ako web ne daje te informacije, korisnik ih mora tražiti drugdje.
Dobar sadržaj smanjuje neizvjesnost.
Detaljniji vodič o pisanju sadržaja:
https://legatech.hr/blog/kako-napisati-sadrzaj-za-web-stranicu
Fokus na korisnika
Jedna od čestih grešaka poslovnih webova je previše teksta o samoj tvrtki.
Primjerice:
Osnovani smo 2012. godine s vizijom da postanemo vodeći…
Takve informacije mogu imati mjesto na stranici O nama.
Ali korisnika na stranici usluge puno više zanima:
Možete li riješiti moj problem?
Dobro je zato sadržaj formulirati oko korisnika.
Umjesto:
Nudimo SEO usluge.
možemo napisati:
Pomažemo tvrtkama povećati organsku vidljivost i dobivati više relevantnih posjeta s Googlea.
Prvi primjer govori što radimo.
Drugi objašnjava što korisnik dobiva.
Dobar prvi ekran
Prvi dio stranice posebno je važan.
Na njemu bi korisnik trebao pronaći:
- jasnu glavnu poruku
- kratko objašnjenje
- glavni CTA
- eventualno sekundarni CTA
Ne mora sadržavati pet gumba, veliku animaciju, tri značke, popup i deset različitih poruka.
Dobar prvi ekran daje korisniku orijentaciju.
Primjer:
Izrada web stranica za tvrtke i obrte
Brze, jasne i SEO spremne poslovne stranice napravljene prema ciljevima vašeg poslovanja.
Zatražite ponudu
Pogledajte projekte
Korisnik odmah razumije što nudimo i koje su mu mogućnosti.
Jasan CTA
CTA je poziv korisniku da napravi sljedeći korak.
Može biti:
- Zatražite ponudu
- Pošaljite upit
- Nazovite nas
- Rezervirajte termin
- Pogledajte projekte
- Pogledajte cijene
Jedna stranica može imati više CTA-ova, ali trebala bi imati jasan prioritet.
Ako imamo pet različitih glavnih akcija, korisnik mora odlučiti što je zapravo najvažnije.
Kod uslužne poslovne stranice često ima smisla imati:
primarni CTA: Zatražite ponudu
sekundarni CTA: Pogledajte projekte
Sekundarni CTA je posebno koristan za korisnike koji još nisu spremni kontaktirati tvrtku.
CTA na pravom mjestu
Nije dovoljno imati jedan gumb u glavnom meniju.
Korisniku treba ponuditi sljedeći korak u trenutku kada ima dovoljno informacija za odluku.
CTA zato može postojati:
- u hero sekciji
- nakon objašnjenja usluge
- nakon projekata
- nakon cijena
- nakon FAQ-a
- pri kraju stranice
Ne mora svaki CTA izgledati jednako agresivno.
Poanta je da korisnik ne mora tražiti način kako vas kontaktirati.
Povjerenje
Posjetitelj koji vas ne poznaje nema automatski razlog vjerovati svemu što piše na vašem webu.
Povjerenje zato treba graditi dokazima.
To mogu biti:
- projekti
- stvarne recenzije
- reference
- rezultati
- fotografije tima
- transparentne cijene
- jasno objašnjen proces
- podaci o tvrtki
- konkretno iskustvo
Umjesto:
Mi smo najbolji izbor za vaš projekt.
puno je uvjerljivije pokazati prethodni projekt i objasniti što je napravljeno.
Dobar poslovni web više pokazuje nego što tvrdi.
Stvarne fotografije
Ako je moguće, koristite vlastite fotografije.
Posebno kod djelatnosti kod kojih su važni:
- tim
- prostor
- projekti
- proizvodi
- način rada
Stock fotografije mogu biti korisne kao dodatak, ali web ispunjen generičkim slikama ljudi koji se rukuju često djeluje manje autentično.
Stvarna fotografija vlasnika obrta, ureda ili završenog projekta može izgraditi puno više povjerenja.
Projekti i reference
Ako možete pokazati svoj rad, napravite to.
Portfolio nije samo galerija lijepih fotografija.
Kvalitetan projekt može objasniti:
- što je bio problem
- što je klijent trebao
- što ste napravili
- zašto ste donijeli određene odluke
- kakav je bio rezultat
Time pokazujete način razmišljanja, a ne samo konačan izgled.
To je posebno vrijedno kod usluga kod kojih korisnik prije kupnje teško može procijeniti kvalitetu.
Cijene
Ne mora svaka tvrtka imati fiksni cjenik.
Ali potpuni nedostatak bilo kakve informacije o cijeni često stvara nepotrebnu nesigurnost.
Ako je moguće, korisniku možete dati:
- početnu cijenu
- raspon
- pakete
- tipični budžet
- čimbenike koji utječu na cijenu
Tako korisnik može lakše procijeniti odgovara li mu ponuda.
Kod Legatecha su konkretni paketi i početne cijene dostupni ovdje:
https://legatech.hr/izrada-web-stranica-cijena
Ako vas zanima zašto cijene različitih projekata toliko variraju:
https://legatech.hr/blog/sto-utjece-na-cijenu-web-stranice
Mobile first
Dobar web mora dobro raditi na mobitelu.
To ne znači samo da se desktop verzija smanji dok ne stane na manji ekran.
Na mobitelu treba posebno razmotriti:
- navigaciju
- veličine fontova
- gumbe
- razmake
- raspored sekcija
- slike
- forme
- tablice
- sticky elemente
Primjerice, CTA gumb koji na desktopu izgleda potpuno normalno može na mobitelu biti premalen za ugodno korištenje.
Isto tako, kompleksan mega-menu možda treba potpuno drugačiji mobilni pristup.
Brzina
Korisnik ne bi trebao čekati nekoliko sekundi da se pojavi osnovni sadržaj stranice.
Na brzinu mogu utjecati:
- velike fotografije
- nepotrebne skripte
- videozapisi
- fontovi
- pluginovi
- hosting
- animacije
Dobra optimizacija nije samo pokušaj dobivanja savršenog rezultata u jednom alatu.
Cilj je da stranica stvarnom korisniku djeluje brzo i responzivno.
Posebno na mobilnom internetu.
Bez nepotrebnih efekata
Moderni web ne mora značiti web pun animacija.
Dobar efekt može:
- usmjeriti pažnju
- objasniti promjenu stanja
- poboljšati osjećaj interakcije
Loš efekt može:
- usporiti korisnika
- odgoditi prikaz sadržaja
- otežati navigaciju
- izazvati frustraciju
Ako svaka sekcija mora odraditi kompleksnu animaciju prije nego što korisnik vidi tekst, efekt je vjerojatno postao važniji od sadržaja.
Dizajn treba služiti korisniku.
Dobre forme
Kontakt forma često je jedan od najvažnijih dijelova poslovnog weba.
Treba biti jednostavna, ali prikupiti dovoljno informacija za kvalitetan upit.
Primjer može uključivati:
- ime
- tvrtku
- uslugu
- okvirni budžet
- opis projekta
Nije potrebno tražiti dvadeset podataka prije prvog kontakta.
Svako dodatno polje povećava trud potreban za slanje forme.
Istovremeno, forma s poljima samo “ime” i “poruka” možda neće dati dovoljno informacija za procjenu projekta.
Treba pronaći ravnotežu.
Kontakt mora biti lak
Ne smije se dogoditi da korisnik odluči kontaktirati tvrtku, ali ne može pronaći kontakt.
Važne informacije trebaju biti dostupne bez traženja:
- telefon
- kontakt forma
- lokacija, ako je važna
- radno vrijeme, ako je relevantno
Na mobitelu telefonski broj može biti klikabilan tako da korisnik odmah pokrene poziv.
Male stvari mogu značajno poboljšati korisničko iskustvo.
Dosljedan dizajn
Ako je jedan gumb plav, drugi zelen, treći crven i svi izgledaju kao glavna akcija, korisnik gubi vizualne signale.
Kvalitetan design system definira:
- boje
- tipografiju
- gumbe
- forme
- kartice
- razmake
- border radiuse
- ikone
To daje stranici profesionalniji izgled i čini korištenje predvidljivijim.
Ako isti element uvijek izgleda slično, korisnik brzo nauči što znači.
Dovoljno praznog prostora
Prazan prostor nije izgubljen prostor.
On pomaže odvojiti informacije i čini sadržaj lakšim za čitanje.
Ako pokušamo svaki dio ekrana popuniti:
- tekstom
- ikonama
- slikama
- CTA-ovima
- značkama
stranica brzo postane vizualno naporna.
Dobar layout korisniku daje prostor da razumije jednu informaciju prije nego što prijeđe na sljedeću.
Čitljiva tipografija
Font ne treba birati samo prema tome kako izgleda u logotipu ili velikom naslovu.
Treba provjeriti kako funkcionira kroz cijeli web.
Važni su:
- veličina teksta
- line-height
- širina retka
- kontrast
- težina fonta
- broj različitih stilova
Dugački odlomak sitnog sivog teksta može uništiti čitljivost i na vizualno vrlo lijepoj stranici.
Dizajn treba omogućiti ugodno čitanje.
SEO temelji
Dobar poslovni web također treba omogućiti Googleu razumijevanje sadržaja.
Osnovni elementi uključuju:
- jasnu strukturu stranica
- logične URL-ove
- title oznake
- H1 i H2 strukturu
- interne linkove
- kvalitetan sadržaj
- indeksabilnost
- sitemap
- pravilne redirecte
SEO ne treba diktirati svaku dizajnersku odluku.
Ali također ga nije dobro pokušati naknadno “dodati” na strukturu koja je već loše isplanirana.
Zato SEO treba uzeti u obzir tijekom cijelog procesa.
Dostupnost sadržaja
Važan sadržaj ne treba skrivati iza nepotrebnih interakcija.
Primjerice, ako korisnik mora otvoriti tri taba, kliknuti accordion i prijeći preko elementa mišem samo kako bi saznao što usluga uključuje, iskustvo postaje nepotrebno komplicirano.
Interaktivni elementi imaju smisla kada poboljšavaju preglednost.
Ne kada skrivaju informacije koje većina korisnika želi vidjeti.
Bez slijepih ulica
Svaka važna stranica treba korisniku ponuditi logičan sljedeći korak.
Primjerice:
Blog članak
→ povezani članak
→ usluga
Stranica usluge
→ projekti
→ cijene
→ kontakt
Projekt
→ povezana usluga
→ zatražite ponudu
Korisnik ne bi trebao završiti čitanje stranice i ostati bez ideje što može napraviti dalje.
Dobri interni linkovi i CTA-ovi stvaraju jasan korisnički put.
Analitika
Dobar poslovni web nije moguće dugoročno poboljšavati bez podataka.
Vrijedi pratiti barem:
- posjete
- izvore prometa
- upite
- klikove na telefon
- ključne CTA-ove
- najposjećenije stranice
- organske upite
- eventualne probleme
Ne treba pratiti svaku moguću metriku.
Treba pratiti ono što je povezano s ciljem web stranice.
Ako još niste definirali glavni cilj svog weba:
https://legatech.hr/blog/kako-odrediti-ciljeve-web-stranice
Web nije gotov objavom
Dobar web danas ne znači da će automatski ostati dobar pet godina.
Poslovanje se mijenja.
Mijenjaju se:
- usluge
- cijene
- projekti
- sadržaj
- tehnologija
- očekivanja korisnika
Zato web treba povremeno pregledati i unaprijediti.
Ponekad će biti dovoljna mala promjena sadržaja.
Drugi put možda treba poboljšati brzinu, navigaciju ili cijelu sekciju.
Web treba rasti zajedno s poslovanjem.
Kako izgleda dobar web?
Dobar poslovni web korisniku ne otežava posao.
On jasno odgovara:
Gdje sam?
Što ova tvrtka nudi?
Je li to za mene?
Mogu li joj vjerovati?
Koliko će me koštati?
Što trebam napraviti dalje?
Kada na ta pitanja možemo odgovoriti brzo i jasno, imamo dobru osnovu.
Nakon toga dizajn, animacije i dodatne funkcionalnosti mogu iskustvo još više poboljšati.
Ali ne mogu zamijeniti osnovnu jasnoću.
Ako planirate novi poslovni web, cijeli proces izrade objašnjavamo ovdje:
https://legatech.hr/blog/proces-izrade-web-stranice
Pakete i početne cijene možete pogledati ovdje: