10

osnov
nih
eleme
nata
web
stranic
e
28. lipnja
2016. Pie: Mario Pintar

Jeste li se ikad
zapitali koji su to
elementi koje bi
svaka web
stranica trebala
imati? Svi uvijek
priaju o web
dizajnu, iji je
zapravo zadatak
sve te elemente
dobro i
funkcionalno
posloiti u jednu
cjelinu kako bi
web stranica bila
bolja,
preglednija,
funkcionalnija i

jednostavna za
koritenje. U
ovom ete lanku
saznati kojih
to 10
elemenata mor
a imati web i to
trebate pripaziti
kod svakog od
njih.

Osnovni elementi web stranice

Primijetio sam da
ljudi ne
razmiljaju o tim
elementima, tek
rijetki. Zapravo je
jako bitno da
vlasnici web

stranica, znaju
osnovne stvari o
webu. Upravo
zato sam pisao i
piem o
domenama, o
hostingu, o web
stranicama,
emailu.
U blog lanku
Zato korisnici
naputaju vae
web stranice
pisao sam o
problemima s
kojima se vlasnici
web stranica
susreu, a koji
rezultiraju
odlaskom
korisnika s weba.
Veina tih
problema upravo
je povezana s
osnovnim
elementima koje
bi svaka web
stranica trebala
imati. Da
podsjetim, neki
od tih problema
su: zastario
dizajn, tekst
teak za
itanje, nejasna
navigacija, loi
CTA, web nije
prilagoen za
mobilne ureaje.

Web
dizajn
trendovi
Kao to sam
spomenuo na
poetku, osim tih
bitnih elemenata
weba, prilikom
izrade web
stranica ili
njezinog
redizajna,
potrebno je uzeti
u obzir i web
dizajn trendove.
O njima sam
takoer pisao i za
2016. godinu
izdvojio ove:
Interaktivnost
Ravan dizajn s upotrebom kartica
Podijeljeni ekran
Snani CTA
Hamburger meni
Snanije boje
Veliki i podebljani fontovi
Animacija
Velike i kvalitetne slike
Pozadinski video

Dizajn je pria za
sebe i u njega u
ovom lanku
neu previe
ulaziti. Svatko
tko se bavi web
dizajnom,
ponuditi e vam
dvije opcije:
gotovo rjeenje (recimo gotova
WordPress tema) koje e onda
prilagoditi vaem vizualnom identitetu,
ili
custom tj. unikatni web dizajn prema
vaim eljama, potrebama i vizualnom
identitetu.

Elementi
web
stranice
Kako bi vae web
stranice
bile informativn
e, moderne,
funkcionalne i
korisne vaim
korisnicima,
kupcima,
poslovnim
partnerima
potrebno je da,
osim
implementiranih
web dizajn
trendova, imaju

ove osnovne
elemente:
1. Logotip
2. Navigacija
3. Trailica
4. Naslovi i podnaslovi
5. Tekst
6. Slike i video
7. Forme
8. CTA i linkovi
9. Podnoje
10.

Prostor

LOGOTIP
Najea pozicija
logotipa je gornji
lijevi kut na web
stranici. Na
njemu treba
stavitilink na
naslovnicu. Na
alost, ima jo
puno onih koji
nemaju
postavljen link na
logotip, pa ak i
onih koji nemaju
logotip.

Primjer koritenja logotipa na web stranice

tvrtke Sony Hrvatska

Logotip i va
vizualni standard
je poetna
toka od koje se
kree prilikom
izrade web
stranica. Boje
logotipa trebaju
biti u skladu s
bojama na web
stranici.
NAVIGACIJA

Moda i najbitniji
element web
stranice, uz CTA
tj. linkove. Ako
vam navigacija
nije dobra,
odnosno zbunjuje
korisnika, onda je
velika
vjerojatnost da
e vrlo brzo
napustiti web
stranicu.
Kod navigacije je
bitno da logotip
bude link na
naslovnicu.
Nema potreba za
linkom tipa:
Naslovnica,
Poetna ili
Home page jer
veina korisnika
zna da klik na
logotip vodi na
poetnu web
stranicu.
Ona treba
odgovoriti na
pitanja: Gdje
sam?, Gdje sam
bio?, Kamo mogu
dalje?. U
navigaciji treba
koristiti
jednostavan i
prihvatljiv rjenik
kako bi svatko
mogao vrlo lako
zakljuiti to ga

oekuje iza
odreenog linka.
Osim toga, O
nama nemojte
stavljati na prvo
mjesto. Zato? Pa
zato to ljudi na
web stranice
prvenstveno
dolaze po
informacije o
vaim
proizvodima i
uslugama, a ne
da saznaju koje
ste godine
osnovali tvrtku,
te koja je vaa
misija i vizija.
Naravno, ne
kaem da te
informacije ne
treba staviti na
web, ali nemojte
to nuditi prvo.

Loa navigacija s previe linkova

Prvo im treba
ponuditi linkove
na
proizvode/usluge
, na blog ili
novosti, savjete i
sline informacije
kojima dajete
dodatne
informacije o

svojim
proizvodima tj.
uslugama.
Navigacija moe
biti primarna i
sekundarna. Ne
mojte
pokuavati u
primarnu
navigaciju
natrpati ba
sve. Ono bitno
izdvojite i stavite
u primarnu
navigaciju, a
manje bitne
stvari dolaze u
sekundarnu.
TRAILICA
Naravno da
svatko na webu
oekuje da se
trailica nalazi u
desnom
gornjem kutu.
Upisivanjem
kljunih rijei u
trailicu, dobit
ete kao rezultat
popis stranica
gdje se one
spominju unutar
weba. Ja osobno,
slabo koristim
takve trailici, ali
smatram da su
one bitne jer
omoguuju

korisnicima da
lake pronau
traene podatke.

Primjer trailice na web stranicama Podravke

Hoete li imati
trailicu na web
stranicama ili ne,
ponekad ovisi i o
vrsti same web
stranice.
Primjerice, ako
ste mali obrtnik
koji na web
stranicama imate
predstavljene
svoje proizvode
ili usluge, s vrlo
jednostavnom i
jasnom
navigacijom
(Usluge,
Reference,
Novosti, O nama,
Kontakt) onda
vjerojatno i
nemate potrebe
za trailicom. S
druge strane, ako
se radi o
korporativnim
web stranicama
koje mogu biti
izuzetno

kompleksne i
sloene, onda
ete imati
trailicu na
webu.
Ova tri
prethodna
elementa
(logotip,
navigacija i
trailica)
zapravo ine
zaglavlje koje
nisam izdvojio
kao poseban
element.
NASLOVI I
PODNASLOVI
Naslovi i
podnaslovi bitni
su za SEO
(Search Engine
Optimization) tj
. jedan su od
faktora koje
Google gleda
prilikom
pretraivanja i
rangiranja
rezultata
pretrage.
Naslovi trebaju
sadravati
kljune rijei koje
su bitne za vau
djelatnost.
Ukoliko koristite

neki od open
source CMS
sustava kao to
je recimo
WordPress, onda
ste donekle bez
brige jer e takvi
sustavi sami
glavne naslove
staviti u H1 tag,
dok moete to i
samo kontrolirati.
Podnaslovi e biti
u H2 tagu, pa H3,

Definiranje razine naslova u WordPressu

Naslovi i
podnaslovi
trebaju biti veeg

fonta kako bi bilo

dobro itljivi i
uoljivi.
TEKST
Neizbjeni
element svake
web stranice je
tekst koji e
opisivati vae
proizvode ili
usluge, vau
tvrtku, davati
dodatne
informacije
korisnicima u
obliku vijesti,
najava, blog
lanaka.
Molim vas, tekst
shvatite vrlo
ozbiljno i ako
niste spretni u
pisanju dajte
nekome da vam
napie kvalitetan
tekst za web.
Tekst na webu ne
bi trebao biti
kopiran tekst iz
vae broure jer
web stranica nije
online broura.
Definiranje fonta
(veliina, boja)
ima znaajnu
ulogu u tome
kakvo e biti

korisniko
iskustvo vaih
web stranica.
Hoe li se
korisnici osjeati
ugodno i hoe li
tekst na webu
moi itati bez
dodatnog
naprezanja? Ne
mojte koristiti
vie od 2-3
razliita fonta.
Tekst na webu
treba podijeljen u
smislene
odlomke i cjeline
koje e imati svoj
podnaslov.
Pojedine odlomke
ili cjeline treba
odvojiti koristei
takozvani white
space.
Dijelove teksta
tj. kljune rijei
treba linkati na
druge landing
stranice
pojedinih
proizvoda ili
usluga.
SLIKE I VIDEO
Uvijek je dobro
koristiti vlastite
slike, ilustracije,
ikone, infografike

i sve ostale
grafike
elemente na
webu kao i
vlastiti video. Bez
grafikih
elemenata web
stranica ne bi
bila potpuna, bila
bi siromana.
S njima se
stvara interakti
vnost, one
trebaju zajedno s
tekstom ispriati
priu vaim
posjetiteljima na
web stranici.
Koristite ih
pametno,
nemojte
pretjerati s
njima.
Interaktivnost
moete postii i
upotrebom
animiranog GIFa. Animirani GIF
pojavio se 1987.
godine i doivio
je procvat u
drugoj polovici
90-tih godina
kada se
upotrebljavao na
web stranicama
kao jedan od
elemenata s
kojim se je
postizala

animacija. Onda
je pao u zaborav,
dobrih 15 godina,
da bi danas opet
bio pravi hit. I
sam Facebook je
u svibnju 2015.
godine podrao
ovaj format slika
i od tada njegova
upotreba
znaajno raste.

Interaktivnost i animaciju postignite uz animirani

GIF

to se tie video
materijala, moj
savjet je
da iskljuite
auto
play opciju jer
ete s time samo
poveati
mogunost da
netko napusti
va web. Ako
netko hoe
pogledati video,
budite bez brige,

kliknuti e na
play.
Velike slike i
video u pozadini
danas se dosta
koriste u dizajnu
web stranica.
FORME
Kontakt forme su
bitne
jer omoguuju
komunikaciju iz
meu vas i
posjetitelja web
stranice. One se
najee koriste
za slanje upita i
kod prijave
na newsletter.
Kod njih je bitno
da nemaju
previe polja koja
korisnik mora
popuniti jer to
odbija korisnike.
Budite umjereni
u koliini
informacija koje
traite od njih.

Forma za pretraivanje letova na Croatia Airlines

web stranici

Kako bi korisnik
to lake i bre
popunio neku
kontakt formu,
ponudite mu ve
unaprijed
predefinirana
polja iz kojih e
moi izabrati
informaciju koju
bi inae trebao
upisati.
CTA (CALL-TOACTION) I
LINKOVI
Predstavljaju
jedan od
najvanijih
elemenata koje
va web mora
imati.
Oni pozivaju

korisnika na
akciju na
klik koji e ga
odvesti na neku
drugu
podstranicu, na
web stranicu
pojedinog
proizvoda ili
usluge, na
kontakt formu,
itd.
Najee se
koriste rijei kao
to su: vie,
opirnije,
proitaj vie,
saznaj vie,
narui, kupi,
poalji, trai,
provjeri.

Razliite boje imaju razliit utjecaj na korisnika

Kod njih je osim

samog teksta
kojeg ete
koristiti u njima,
izuzetno bitna i
boja. Psihologija
boja je vrlo bitna!
Boje moete
izabrati na nain
da koristite
analogne ili
komplementarne

boje iz color
wheela koje se
slau s bojama
vaeg vizualnog
identiteta
(logotipa).
Na kljune rijei
u tekstu treba
postaviti linkove
koji e
posjetitelja web
stranice voditi
upravo tamo
gdje on to, na
osnovu linka, i
oekuje.
PODNOJE
Prije je podnoje
bilo totalno
zanemaren
element web
stranica. U njemu
smo mogli samo
pronai
informacije kada
je web
napravljen, tko
ga je napravio i
ije je vlasnitvo.
Naravno, te
informacije se i
danas najee
tu nalaze, ali one
su samo manji
dio toga.
Danas podnoje
ima drugi

smisao. Osim
bitnih informacija
o tvrtki (naziv,
OIB, adresa,
telefon,) tu
ete pronai i
navigaciju.
Zato? Pa da
korisnici prilikom
kretanja po vaoj
web stranici
prema dolje, ne
moraju opet
okretati kotai
na miu kada su
na dnu web
stranice, nego
jednostavno
mogu kliknuti na
neki od linkova u
podnoju.
Osim toga tu se
stavljaju i linkovi
na uvjete
koritenja vaih
web stranica,
proizvoda ili
usluga, zatitu
privatnosti,
linkovi na
drutvene mree,
impressum.
PROSTOR
Kada piem o
prostoru, onda
mislim
generalno, na
prazan prostor

na web
stranicama,
okolo teksta,
okolo slika,
video, CTA
linkova i ostalih
elemenata web
stranica.
Da, svaki dio
weba mora
imati mjesta,
dajte mu da
die.

Whitespace, izvor: www.flashwebz.com

Kada vidim
sabijene odlomke
teksta, bez
nekog normalnog
razmaka koji
tekst ini
ugodnim za
itanje, odlazim s
weba i ne elim
naprezati oi

kako bi proitao
tekst. Isto je i sa
slikama, kada su
zalijepljene za
tekst ili obratno
(zavisi kako
gledate).
Svaki element
kojeg imate na
web stranici
treba imati svoj
prostor, da se
vidi, da bude
primijeen, da
doe do izraaju
u cijeloj prii.

Jeste li
mobile
friendly?
Sve ove osnovne
elemente web
stranice treba
dobro posloiti,
tj. napraviti
kvalitetnu
arhitekturu
informacija i
primijeniti
responzivni
dizajn kako bi
web stranica bila
prilagoena za
prikaz na
mobilnim
ureajima.

Danas, u vrijeme
digitalne
transformacije
jednostavno mor
ate biti online i
morate biti
mobile
friendly. Jeste
li?
Ukoliko imate
pitanja vezano
za web
design, slobodno
nam se javite.

Zato
korisni
ci
naput
aju
vae
web
stranic
e?

09. prosinca
2015. Pie: Mario Pintar

Primijetili ste
da korisnici
web stranice
naputaju jako
brzo? ini vam
se da je
posjeenost
mala? Nije vam
jasno zato ne
dobijete ni
jedan upit
preko weba?

Moda niste ni
svjesni da imate
jedan ili vie
od 12
problema koje
sam opisao o
ovome lanku.
Upravo oni imaju
kljunu ulogu u
tome tj. utjeu
na odluku
korisnika da
napuste web
stranice. Razloga
definitivno
postoji vie, ali
pokuao sam
nabrojiti
one glavne za
koje smatram da
ih definitivno
trebate izbjei, a
na koje moete i
sami utjecati. To
su:
zastario dizajn,
stare vijesti,
nema informacija,
tekst teak za itanje,
auto-play,
nejasna navigacija,
trai se registracija,
ponuda nije privlana,
loi CTA,

 web nije prilagoen za mobilne ureaje,

nesiguran web,
haknut web.

Zastario
dizajn
Vae web
stranice izgledaju
sitno? Od cijele
povrine 22
monitora, one
koriste jedva
treinu? Takve
web stranice
odbijaju korisnike
jer kada ih
usporedite s
onima koje su
raene prema
trenutnim
standardima
i trendovima u
web dizajnu,
izgledaju kao
web stranice iz
prolog stoljea.
Nemojte si to
dozvoliti! Web
stranice su online
izlog koji je
dostupan svima
u svijetu.

Prvi dojam kojeg

vae web
stranice ostave
na posjetitelja je
najbitniji i on
ostaje urezan u
njegovoj
memoriji.
Stvaranje
pozitivnog
iskustva kod
posjetitelja od
presudne je
vanosti
zapamtite da za
to imate cijelih 7
sekundi!

Stare
vijesti
Ako doem na
web i vidim da u
zadnjih 6 mjeseci
niste objavili niti
jednu vijest,
niste objavili ni
jedan blog lanak
to znai: stare
novosti, stare
slike, ne aurirani
kontakti i slino.
Zakljuujem:
firma je u
problemima,
blokiran im je
raun, nalaze se
pred ili u steaju.
Klik na crveni X
i odlazim s vaeg
weba.

Nema
informacij
a
Korisnici dou na
web stranicu s
odreenim
ciljem, recimo da
saznaju broj
telefona, ime i
prezime osobe
zaduene za
prodaju, kontakt

email adresu ili

broj OIB-a.
Ukoliko traenu
informaciju ne
nau u nekoliko
sekundi,
jednostavno
slijedi klik na
crveni X u
gornjem desnom
kutu ekrana jer
na taj nain
barem malo
smire svoje
ogorenje to
podatak koji su
traili nisu nali.

Tekst
teak za
itanje
Koristite vrstu,
veliinu i boju
fonta koji je
ugodan za
itanje. Smislene
i povezane
reenice stavite
u isti odlomak, a
drugi odlomak
odvojite (white
space). Tekst na
webu
organizirajte u
naslove i
podnaslove koji
imaju smisla i

govore o emu
se u pojedinom
dijelu teksta pie.
Nemojte koristiti
5 vrsta fontova,
6 boja, previe
znakova
interpunkcije.
Preporuka je da
se na webu
koriste najvie 23 vrste fonta i
isto toliko boja.

Auto-play
Na web stranice
ste stavili video
koji se
automatski
pokree kada
netko doe na
web stranice.
Greka! Ljudi to
ne vole! Ako ga
ele pogledati,
onda e sami
kliknuti na
play.

Nejasna
navigacija
Uffff.
Navigacija moe
biti jako veliki
problem.

Pogotovo na
webu koji ima
jako puno
sadraja koji
treba biti
organiziran velik
broj kategorija i
podkatekorija.
Uvijek treba
imati na umu da
ta dubina
klikanja ne bude
via od 3 razine.
Ako su vai
proizvodi
organizirani u
kategorije i
podkategorije, to
znai da bi do
krajnjeg
proizvoda
korisnik trebao
doi u
maksimalno 3
klika.

Nastojte da
navigacija bude
jasna, dobro
vidljiva i da vodi
na dobre linkove.
Ukoliko ima
potrebe, moete
je organizirati u
primarnu i
sekundarnu koja

moe biti kao

utility.

Trai se
registracij
a
Prilikom dolaska
na web stranicu
(ili odreenu web
stranicu unutra
vaeg weba)
trai se od
korisnika da se
registrira kako bi
mogao pristupiti
web sadraju.
OK! Jasno mi je
da za odreene
dokumente
traite logiranje
kako bi korisnik
njima pristupio,
ali generalno
ljudi to ne vole.

Ponuda
nije
privlana
Opis proizvoda ili
usluga koje
nudimo na web
stranicama nisu
dovoljno dobro

istaknute i
privlane. Jedan
od razloga moe
biti i lo dizajn
samih landing
stranica za
proizvode/usluge
. Njima treba
posvetiti
posebnu panju
te dobro istaknuti
prednosti
proizvoda/usluga
kako bi ih
posjetitelji mogli
lako uoiti i
usporediti s
konkurencijom.

Loi CTA
Jedan od bitnih
elemenata web
stranica su CTA
(Call-To-Action)
linkovi koji mogu
biti obini
tekstualni linkovi
ili u obliku
grafikog
elementa
(button). Koristite
rijei koje su
jasne i
orijentirane akciji
(Narui knjigu,
Proitaj vie,
Poaljite upit,
Pridruite nam

se, Preuzmi
eknjigu,).
Kod dizajna CTA
linkova, posebno
onih u obliku
grafikih
elemenata,
posebno
pripazite na
psihologiju boja.
Izaberite boju
koja najvie
odgovara bojama
iz vae knjige
standarda ili
vaeg logotipa.

Za kraj, dobro
provjerite, i to
nekoliko puta,
vode li CTA
linkovi na dobru
odredinu web
stranicu jer krivi
linkovi e otjerati
korisnika.

Web nije
prilagoen
za
mobilne
ureaje
Kratko i jasno!
Danas, kada
preko 50%
korisnika koristi
mobilne ureaje
za pretraivanje
Interneta, vae
web stranice
moraju biti
prilagoene za
prikaz na
ekranima
mobilnih ureaja
(pametnih
telefona, tablet
raunala).
Upravo to
omoguujeRespo
nsive Web
Design (RWD)
koji se koristi
zadnjih 2-3
godine kao jedan
od web dizajn

trendova.

Kako bi to
provjerili
prilagoenost
web stranica za

prikaz na
mobilnim
ureajima, imate
na raspolaganju
nekoliko online
alata:
Google Test
prilagoenosti
mobilnim
ureajima
W3C mobileOK
Checker
HubSpots
Marketing Grader

Nesiguran
web
Ukoliko imate
web trgovinu s
implementiranim
online
plaanjem, vai
kupci trebaju
osjeati sigurnost
i povjerenje kada
vam ostavljaju
svoje osobne
podatke kao i
podatke o
njihovim
kreditnim
karticama. Zato
je najbolje
razmisliti o kupnji
jednog od SSL
certifikata. Malo

vie o samom
funkcioniranju i
vrstama SSL
certifikata
proitajte u
lanku: Protokol
koji omoguava
sigurnu
komunikaciju
(SSL).
Doem li na web
na kojem moram
upisati svoje ime
i prezime,
adresu,
telefonski broj,
email adresu i
ostaviti broj
kreditne kartice,
da bi besplatno
isprobao online
alat na 30 dana,
sigurno stvara
odreeno
nepovjerenje i
prije zavrnog
klika, ja u otii s
tih web stranica.

Haknut
web
Ovo je najgori
sluaj koji se
moe dogoditi,
ali gorka je istina
da to zaista
moete biti

upravo vi. Stoga,

ako koristite
jedan od open
source CMS
sustava kao to
su WordPress ili
Joomla, aurirajte
ih na zadnje
dostupne verzije
kako bi sprijeili
hakiranje vaeg
weba.
S druge strane,
ako koristite CMS
sustav koji je
izraen prema
vaih potrebama
i eljama, onda
ga prilagodite i
nadogradite na
nove tehnologije,
recimo s PHP 5.3
na verziju PHP
5.6. ili ak
najnoviju verziju
PHP 7.0.
Ukoliko imate
jedan ili vie
od ovih
problema,
spremate se na
izradu web
stranica ili
redizajn
postojeih, javit
e nam se kako
bi vam
osmisliti i
izradili dobre,

moderne i
funkcionalne
web stranice.

Kree
revizij
a
bespla
tnih
.HR
domen
a
17. svibnja 2011. Pie:
Vladimir Mlakar

Doao je i taj
dan! 16. svibnja
2011. godine
CARNet je
zapoeo s
revizijom
kontakt
podataka za
besplatne .HR
domene. Svi
vlasnici

besplatnih .HR
domena na svoj
e-mail bi trebali
primiti obavijest
o reviziji i upute
o akcijama koje
trebaju poduzeti.
CARNet e
obavijesti slati na
kontakt e-mail
adrese koje ste
upisali prilikom
registracije vae
domene.
U sluaju da ta email adresa vie
ne postoji ili je ne
koristite moglo
bi doi do
problema pa i do
gubitka domene
jednog dana.
Dakle, izrazito je
vano da svi
korisnici
besplatnih .HR
domena to prije
provjere svoje
kontakt podatke i
posebno
ispravnost e-mail
adrese koju
CARNet ima u
svojoj bazi.
Iskljuivo na tu email adresu
CARNet e
ubudue slati sve
obavijesti vezane
uz domene, a to

je najvanije i
obavijesti vezane
uz nastavak
koritenja
besplatne .HR
domene.
Ova revizija NE
ODNOSI se na
vlasnike
naplatnih .HR
domena, te
.COM.HR,
FROM.HR, IZ.HR i
NAME.HR
domena.
Ako se ne
odazovete ovoj
reviziji mogue
je kako e vam
se obavijesti
slati na e-mail
adresu koju
vie ne
koristite i na
taj nain
riskitate da
domena
postane
deaktivirana ili
ak obrisana.
Tone podatke o
vlasniku domene
moete provjeriti
na ovom
PRETRAIVAU .
HR domena, dok
se promjena
kontakt podataka
moe pokrenuti
na ovom

OBRASCU ZA
PROMJENE.
Procedura je
jednostavna,
najprije
provjerite svoje
kontakt podatke
na
PRETRAIVAU i
ukoliko postoji
potreba za
izmjenama
uinite ih na
OBRASCU ZA
PROMJENE.
Nakon upisivanja
novih podataka
potrebno je
preuzeti jedan
.PDF dokument
kojeg ete trebati
ovjeriti peatom i
potpisom te ga
dostaviti na
jedan od
sljedeih naina:
skenirani ovjereni dokument na email revizija@dns.hr,
ovjereni dokument na faks broj
01/6661615,
ovjereni dokument poslati potom na
adresu
Hrvatska akademska i istraivaka
mrea CARNet
(revizija domena)
Josipa Marohnia 5
10000 Zagreb.

Nakon to
dostavite .PDF

dokument,
CARNet e vam
potvrditi primitak
istog potvrdom
na va kontakt email. Vano je
napomenuti kako
auriranje
kontakt
podatakazapoi
nje 16.05. i
traje do 15.07.,
te e se nakon
tog datuma email adrese
smatrati
validnima i
koristiti za sve
daljnje obavijesti
vezane uz
reviziju i
administraciju
besplatnih
domena.
Jo jednom
pozivamo sve
korisnike
besplatnih .HR
domena da
provjere svoje
kontakt
podatke i
prema potrebi
naprave
izmjene, te se
nadamo da e
ova revizija
proi bez veih
potekoa.

Iako ova revizija

neka nikakve
veze s Avalonom
niti bilo kojim
drugim
registrarom ve
je iskljuivo u
nadlenosti
CARNeta, u
sluaju da
zatrebate pomo
ili imate nekakve
nejasnoe
slobodno nas
kontaktirajte.

to
web
stranic
e
govore
o
vama?
24. srpnja
2013. Pie: Mario Pintar

Imati web
stranice danas
nije stvar
prestia, ve
jednostavna
potreba da vas
kupci i poslovni
partneri mogu
lake pronai.
Kako? Pa, sjednu
za svoje omiljeno
raunalo ili uzmu
u ruke svojeg
kunog ljubimca
zvanog
iPhone/iPad, odu
na Google i upiu
kljune rijei
vezane za vau
tvrtku ili sam
naziv tvrtke.
Prvi dojam kojeg
vae web
stranice ostave
na posjetitelja je
najbitniji i on
ostaje urezan u
njegovoj
memoriji.
Stvaranje
pozitivnog
iskustva kod
posjetitelja od
presudne je
vanosti. Da bi to
postigli, potrebno
je u obzir uzeti
vie elemenata,
ali definitivno
morate pripaziti

da niste u jednoj
od identificiranih
grupa:
Im not here,
Information gap,
Dead meat,
Skinny face,
Neighbours son,
Business card.

Im not
here
Google, Google,
Google Nema
me na Google-u.
Vie je razloga za
to. Jedan od njih i
vjerojatno
najbitniji
je SEO (Search
Engine
Optimization) koji
bi vam trebao
odraditi
vawebmaster tj.
tvrtka koja vam
je radila
dizajn/redizajn
weba. Pa dajte
im onda nalog da
to urade kako
treba.

Drugi sluaj su
web stranice
napravljene u
Flashu. Da, takve
stranice jo
uvijek postoje, a
njihovi vlasnici se
udom ude
kako ih nema na
Google-u. Nita
vam ne vrijedi
super naziv
domene kada
vas nakon
ukucavanja neke
kljune rijei u
pretraivau
nema na prvih
nekoliko stranica.
Tuno zar ne?

Informatio
n gap
Svako malo
naletim na web
stranice na
kojima samo
elim saznati
neiji broj
telefona, e-mail
adresu ili OIB
tvrtke. Kopam,
traim, klikam
nita! Nema!
Slijedi klik na
crveni X u
gornjem desnom
kutu ekrana jer
na taj nain
barem malo
smirim svoje
ogorenje to
podatak koji
trebam nisu
stavili na web.
Takve osnovne
informacije
nakon toga
traim preko
raznih imenika,
adresara,
bonitetnih
portala pa njima
poboljavam
statistiku
posjeenosti i
troim svoje
vrijeme. Ima onih
koji na e-mail

adresu
jednostavno ne
stave link
(mailto) jer se
boje raznih spam
skripti, a ak i
onih koji stave
link na krivu
osobu. Znam da
nije isto, ali kako
bi se osjeali da
vas umjesto na
pedijatriju spoje
na
traumatologiju?!

Dead
meat

Ako doem na
web i vidim da
zadnjih 6 mjeseci
niste objavili niti
jednu vijest i da
se na webu
apsolutno nita
ne dogaa u
zadnjih godinu
dana stare
fotke, stari
projekti
zakljuujem:
firma je u
problemima,
blokiran im je
raun, nalaze se
pred ili u steaju.
Klik na crveni
X!

Skinny
face
Ako web stranice
gledate na
monitoru od 22 ili
vie ina, a
sadraj vam se
pokae centriran
na 1/3 ekrana i
trebate runo
povealo da
moete proitati
tekst, onda je
web sigurno iz
prolog
desetljea/stolje
a. :) Slobodno u
Google upiite
web dizajn i
zatraite nekoliko
ponuda za
redizajn vaeg
weba. Kratko i
jasno!

Neighbour
s son
Koliko puta sam
to uo?
Prestrano! Pa
zar s
temperaturom i
glavoboljom
odlazite na
autobusni
kolodvor zamoliti
nekog za savjet?!
Zar ete tehniki
pregled vaeg
omiljenog
limenog ljubimca
obaviti kod
prijatelja koji je

automehaniar i
u garai ima
grabu? Mislim da
ne!
Susjedov sin je
informatiar,
prijatelj mi radi
web stranice,
komunalni redar
nam odrava
web stranice jer
nam je to
najjeftinije
(osobno
iskustvo). Dajte
svoje web
stranice u ruke
profesionalaca,
moja je topla
preporuka
(moda ak i
zapovijed).

Business
card
Svi oni koji na
webu imaju samo
naziv svoje
tvrtke, adresu i
broj telefona
bolje da nemaju
nita jer te
informacije ili
vjerojatno ve
imam na vaoj
vizitki ili ih mogu
nai na nekom
online adresaru.
Od weba
oekujem u
najmanju ruku da

mi se svidi
dizajnom, neu
rei da me
impresionira, da
nudi informacije i
slike o vaim
uslugama ili
proizvodima,
neto ukratko o
firmi, kontakt
podatke, novosti
iz poslovanja
tvrtke, galeriju
slika. Sve vie od
toga je plus.

12 WEB
TIPS
Web stranice ne radite u Flashu!

 Provjerite SEO vaih web stranica.

Raspitajte se, budite dosadni
webmasteru ili vaem SEO strunjaku i
napravite to kako treba.
Ako imate web stranice starije od 3-5
godine napravite redizajn. Velika je
vjerojatnost da vam je dizajn zastario,
da su stranice raene u starijim
tehnologijama pa vizualno nisu
privlane i umjesto da privlae, one
odbijaju korisnike. Moj je savjet da web
stranice
napravite u Responsive dizajnu.
Odravajte stranice ivima,
upoznajte svoje poslovne partnere s
vaim poslovnim aktivnostima pa makar
vam se one inile zanemarivim. Kupili
ste 2 nova raunala, pa objavite da ste
investirali u IT infrastrukturu i podijelite
vijest sa svijetom. Kreirajte i stvarajte
kvalitetan sadraj.
Istaknite svoje kontakt
informacije na vidljivom mjestu,
navedite imena i kontakte izvrnih
direktora ili voditelja pojedinih
sektora/slubi. Pod kontaktima mislim u
najmanju ruku na broj fiksnog telefona i
e-mail adresu. Provjerite linkove na email adresama!
Nemojte zaboraviti na web
stranicama objaviti OIB, bilo vaeg
obrta, tvrtke, ustanove ili udruge.
Jasno istaknite cijene svojih
usluga/proizvoda. Ne vidim razloga
zato to skrivati osim ako ne prodajete
jahte vrijedne 1 mil. eura. Najbolja mi je
ona: Cijena na upit!.
Pridravajte se Zakona o pristupu
informacijama ukoliko dolazite iz
dravne ili lokalne samouprave ili s

njima povezanog drutva. Budite to

vie transparentni na webu.
Ne radite web stranice zbog sebe, radite
ih zbog svojih klijenata/korisnika tj.
poslovnih partnera. Ponekad ono to
vama izgleda cool i super ne mora biti
jednako dobro ljudima koji se vaim
webom uistinu i koriste. Sluajte i
zapisujte njihove pohvale, kritike,
prijedloge. Napravite anketu i dobit ete
odgovore koji e vam pomoi u
stvaranju kvalitetne arhitekture
informacija na webu.
Web stranica je kanal dvosmjerne
komunikacije izmeu vas i vaih
klijenata/korisnika. Iskoristite to i
ugradite call-to-action linkove, od
raznih kontakt obrazaca tipa Pitajte
nas/mi odgovaramo, online
narudbenica ili rezervacija termina,
poziva da se prijave na va e-mail
newsletter, pa sve do integracije web
stranica s drutvenim mreama.
Budite svjesni postojanja svojih
web stranica. One su dio vas, vae
tvrtke. One su va izlog u poslovni
svijet, kroz koji vi promatrate trite, a s
druge strane trite, kupci i
konkurencija promatraju vas.
Ako hoete biti imalo ozbiljniji jer iza
sebe imate ozbiljan business (ili barem
vi tako mislite), za izradu web
stranica angairajte tvrtku koja se
bavi tim poslom.

Ako sam
neto
zaboravio,
nije
namjerno, a

svaka
sluajnost s
vaim web
stranicama
sasvim je
sluajna. :)

Bez obzira elite

li kompletnu
uslugu koja
ukljuuje
domenu, hosting
i gotove web
stranice ili
unikatna web
rjeenja,
isporuiti emo
vam suvremene
web stranice
napravljene
prema vaim
idejama, eljama
i smjernicama
Avalon web
dizajn i razvoj.

WordPr
ess
kao
multifu
nkcion
alna
platfor
ma za
svaku
vrstu
poslov
anja
09. lipnja
2016. Pie: Damir Muji

Ukoliko
ste lifestyle,
fashion, travel,
ili food bloger,
tech startup ili
avanturistiki
pojedinac,
vjerojatno ve
imate vlastitu
web stranicu, kao
armantan odraz
vaeg osobnog ili
korporativnog
poslovanja.
Moda ste
razmiljali o
tome koju
biste website pla
tformu eljeli
koristiti, ili moda
niste.
Ukoliko guglate o
dgovor na pitanje
koju platformu
koristiti, u veini
sluajeva vidjet
ete WordPress
kao izbor br.1,
iako ima dosta
pohvala i na
raun drugih
website buldera,
kao to su
Weebly, Wix,
GoDaddy, itd.

To su DIY (uradi
sam) website
builder platforme
, koje, za razliku
od WordPressa,
ne uspijevaju
ponuditi takvu
svestranost
dizajna, pluginov
a, sadraja i
funkcionalnosti.
Nadalje, ove DIY
website
builder platforme
vam
omoguavaju nii
stupanj
individualnosti
zbog njihove
vlasnike
politike, gdje
nakon to ste
izradili svoju web
stranicu,
koristei se
njihovim website
builderom, oni
postaju vlasnici
vaeg rjeenja.
Danas bih vam
elio pokazati
neke od
najuspjenijih
WordPress web
stranica koje
snano i
kreativno

zastupaju svoje
poslovanje u
razliitim
industrijama.

Fantastin
e
WordPress
web
stranice
ECOMMERCE

BB Dakota modna eCommerce web stranica

izgraena na WordPressu

BB Dakota
modna eComme
rce web stranica
izgraena na
WordPressu,
uspjeno pria
svoju suvremenu
priu o dobrom
izgledu, online
shoppingu i
slikovnom
pripovjedanju
(izriaju),

sjedinjeno u
jednu web
stranicu.
Instagram izgled
stranice
definitivno
nikoga ne
ostavlja
ravnodunim, te
potie
posjetitelja na
daljnje otkrivanje
sadraja.
Babes in
BBD je dio
stranice koja
predstavlja
modne blogere i
entuzijaste, te
povezuje njihove
Instagram profile
s web stranicom,
stvarajui
zajednicu ljubite
lja mode novog
doba sa samo
jednim klikom.
Kako sjajna ideja!
Uspjeno
kombinirajui
drutvene
mree bez
koritenja
zajednikih
ikona, ova
zabavna i

osvjeavajue
dizajnirana web
stranica moe
posluiti kao
primjer kako
inspirativno
surfanje na temu
online mode
moe biti, ujedno
potiui elju za
novim
otkrivanjem
sadraja.
Koristei svoj
izvorni
hashtag #ITSON
LYFASHION,
posjetitelji su
pozvani da se
pridrue Twitter
razgovoru
izravno s web
stranice.

SAVJETOVANJE

Prime IT meunarodna tvrtka za IT

savjetovanje

Prime IT
meunarodno IT
savjetovanje sa
sjeditem u
Portugalu jo je
jedan primjer
kako vizualni
izriaj moe
znaajno utjecati
na posjeenost
vae web
stranice.
Jednostavna

video pozadina
vodi posjetitelja
kroz priu tvrtke
isprianu od
strane
zaposlenika, kao
temeljne i
najjae
sastavnice
njihove kulture
poslovanja.
Imajui u vidu
svoje
meunarodne
urede, dno web
stranice
rezervirano je za
intuitivan prikaz
svih lokacija i
njihovih lokalnih
vremena,
koristei stil
ikona poput onih
crtanih rukom.
Na zabavan
nain, PrimeIT
web stranica
izaziva znatielju
i svojim izriajem
potie
posjetitelje da ne
naputaju
stranicu nakon
to su pronali
ono to im je
potrebno, ve da

se zadre i
nastave
istraivati. Sve
ovo vam se ini
vrlo sloeno? Da,
sloenost je ono
to WordPress
moe isporuiti!
UMJETNOST

Brandts Danski muzej za umjetnosti i vizualne

kulture

Brandts Danski
muzej
za umjetnosti i
vizualne
kulture, ponosni
je vlasnik ove
interaktivne web
stranice koja
prikazuje

umjetnost na
najsuvremeniji
(online) nain
koji ste imali
prilike vidjeli. U
potpunosti
prilagodljiva, web
stranica izraena
u WordPressu
predstavlja jedan
od najboljih
muzeja u
Danskoj te
udahnjuje ivot
svim svojim
vrijednostima.
Prikaz velike slike
na lijevoj strani, i
teksta na koji je
mogue kliknuti s
desne strane,
ini objavu lako
razumljivom, te
informira
posjetitelja o
izlobi i vremenu
odravanja.
Svojim
bajkovitim
izriajem web
stranica muzeja
svakako odskae
od uobiajenih
web stranica
umjetnikog
sadraja, a to e,
nadamo se,

potaknuti druge
iz iste industrije
da se kreativno
izraze koristei
WordPressjer mogunosti
su
neograniene!

to ih ini
uspjenim
a?

WordPress kao muntifunkcionalna platforma za

svaku vrstu poslovanja

Inovativan
dizajn,
odziv i kreativn
ost nije jedina
stvar koja ove
web stranice ini
uspjenima.
Mudro ulaganje u
kvalitetno
pozadinsko
rjeenje,
poput WordPres
sa, kao i
kvalitetan web
hosting, neto
je to ih ini
stabilnim i
pouzdanim, bez
rizika od
moguih,
neplaniranih
posljedica, koje
esto nastaju
ukoliko
odaberete neko
od rjeenja
baziranih na DIY
web builderima.
Dakle, zato
biste odabrali
nesigurno
rjeenje, te
ostavili
mogunost
potencijalne
nestabilnosti po

vau online
prisutnost?
Postoji vie
jednostavnih i
sigurnih
naina izgradnj
e pouzdane
web stranice
poput prikazanih
u gornjim
primjerima.
WordPress je
zaista rjeenje za
sve vrste
poslovanja. Od
umjetnosti do
eCommercea, W
ordPress i
kvalitetna
hosting usluga e
vam, bez
sumnje, pruiti
dugoroni klju
uspjeha.
Jer, ukoliko ste
imalo sumnjiavi
poput mene,
vjerojatno ste se
ve zapitali:
Zato bih uope
razmislio
o Avalonu kao
svom web
hosting provideru
kada postoje
deseci drugih,

veih i
poznatijih?
Da budem
potpuno iskren,
da, postoje
mnogo jeftinija
rjeenja, kao to
je spomenuto u
mom
prethodnom
blogu. Oni koriste
mnogo
invanzivnije
oglaavanje kako
bi privukli vau
panju, a neki od
njih koriste ak i
gole djevojke
kako bi
potencijalne
korisnike privukli
na svoje web
stranice kao da
ne postoji nita
drugo ime bi
vas mogli privui.
I, zapravo, da.,
ni ne postoji
nita drugo ime
bi vas mogli
privui.
Dopustite mi da
istaknem neke
vrlo vane
razloge zato je
potrebno dobro
razmisliti prije

donoenja odluke
kome ete
povjeriti vae
online
poslovanje:
Za razliku od
velikih servisa,
Avalon je malo
domae
poduzee kao i
vi. Financiramo
se vlastitim
novcem i s
ponosom
moemo rei da
smo profitabilni
te imamo gotovo
20 godina
iskustva u web
hosting industriji.
Isto tako vano je
istaknuti i da
teimo ostati
mali i fokusirani
bez obaveze da
svoje poslovanje
opravdavamo
ikome, ve samo
Vama, naim
korisnicima. Naa
misija je da u
potpunosti
razumijemo vae
potrebe,
povezujemo
tokice i
popunjavamo

praznine, koje
drugi ni ne
shvaaju da
postoje.
Imamo samo
jedan cilj na umu
Vaa sigurnost,
zadovoljstvo i
uspjeh! Koliko
esto imate
priliku to uli?