Dizajn web stranica internet cafe-a, globalno i lokalno, nije funkcionalan. Čitljivost je gotovo uvijek umanjena zbog nabacivanja nepotrebnih cyber grafika, neadekvatnog izbora tipografije i boja kako pozadine tako i teksta. Najčešće su stranice radili neprofesionalci sa nedovoljnim znanjem programiranja i/ili dizajna.

Navigacija je neinventivna, nejasna, a ponekad zauzima većinu stranice. Stranice ne pružaju potrebne informacije i ne pružaju razlog korisniku da se vrati. Većina ih je rađena HTML tehnologijom, a ukoliko je korišten Flash, korisnost nije pristupačna.

Osmišljavanje koncepta web stranice za internet cafe sastoji se od dizajniranja sučelja, biranja tehnologije koja će renderirati tu stranicu, osmišljavanje navigacije za ciljanu publiku te grupiranje podataka. Bilo da se radi o html-u ili flashu ili nekoj trećoj tehnologiji, bitno je vladati tehnologijom u tolikoj mjeri da se pri kreiranju izgleda i dizajner, a na kraju i korisnik bez problema snalaze. Cilj koji si zadajemo je zanimljivo korištenje sadržaja bez obzira na njenu količinu iz čega proizlazi odluka za korištenje Flash tehnologije.

Cilj je bio kreirati lako upotrebljivu, statičnu stranicu male količine sadržaja na interesantan i pomalo jedinstvan način. U moru statičnih, neinventivnih, neposjećenih, amaterskih stranica pokušali smo stvoriti interes zanimljivom komunikacijom sa korisnicima.

Pri planiranju dizajna za Sublink, odlučili smo se za dva različita pristupa. Svaki od pristupa ima svoje prednosti i mane, a temelje se na različitosti tehnologija. Razlog za Flash je bila jednostavnija kontrola dizajna te izdvajanje iz konkurencije. Razlog za HTML je jednostavnost programiranja i uređivanja te manja veličina same stranice (uklapanje u tržište i sama cijena).

Prvo riješenje je klasičniji pristup web dizajnu koji uključuje standardnu navigaciju u obliku deblje crte na kojoj se nalaze poveznice. Jednostavnim i nenametljivim animacijama sama stranica nam pokazuje na kojoj se poveznici nalazimo te je snalaženje vrlo jednostavno. Stranica je jednaka u svim web preglednicima i na svim rezolucijama i veličinama ekrana. Boje se uklapaju u sam identitet, ali i naglašavaju medij (web). Sve informacije su logički postavljene te je njihov pronalazak jednostavan, a čitkost osigurana adekvatnom tipografijom. Pozadinskom teksturtom se suptilno naglašava (oblik) logotipa te artificijelnost medija. Iznad same navigacije, nakon odabira neke poveznice se ispisuje kratak opis sadržaja. Stranica je napravljena u full meshu što znači da se sa bilo koje lokacije može doć na bilo koju drugu lokaciju.

Ovim pristupom smo dobili klasičnu HTML stranicu sa očekivanim pristupom tako da korisnik ne mora razmišljati o dolaženju do podataka, ali smo istaknuli izgled pomoću nekonvencionalne podloge koja nam pomaže u naglašavanju identiteta i isticanju u moru istih internet stranica.

Drugo riješenje je alternativan pristup web dizajnu. Cijela stranica je bazirana na (obliku) logotipa. Logotip postaje prostor sadržaja. Kada se stranica pokrene, započinje animacija koja je prisutna tijekom cijele navigacije. Navigacija je intuitivna, pojednostavljena animacijom kako bi ukazala na linkove. Zbog relativno male količine sadržaja i zbog naglašavanja logotipa pojedini linkovi nisu međusubno povezani već je navigacija bazirana na početnoj stranici odakle se uvijek počinje i vraća. Vizualno mjesto linkova je identično onom virtualnom: centralizirana web stranica sa izletima. Linkovi su postavljeni u animirane oblačiće koji predstavljaju komunikaciju odnosno koncept interneta, e-maila, skypa, gtalk-a…

Interaktivnost i animacija služe zadržavanju interesa korisnika te potiču na njihov povratak i preporuku potencijalnim novim korisnicima.

Tipografija je odabrana adekvatno sa logotipom, temom te medijem. Omogućava čitkost, jasnoću te se ne nameće formom, zato što to već font u logotipu čini. Odabrani jezik je engleski. Odabir boja se također temelji na boji logotipa. Veličina je određena najčešćom veličinom ekrana (rezolucijom) trenutno. Galerija je napravljena jednostavno te ne predstavlja nikakav problem dodavanje novih fotografija ili izmjena starih. Veličina stranice je dovoljno mala da ne predstavlja problem bilo kakvoj interent-vezi.

Sve negativne strane koje se pripisuju Flash tehnologiji (npr. fiksna veličina fonta, veličina stranice, nepreglednost…) na našem primjeru ne predstavljaju problem zbog ciljane publike i efektivnog dizajna/programiranja. Ovakvim pristupom, koristeći flash, dodajući animacije i interaktivnost, pokušavamo privući mlađu publiku, motivirati na povratak radi samog dizajna, motivirati da pošalju stranicu prijatelju te proširiti popularnost internetom. Korisnost ovakvih stranica su minimalne, jer je potrebno doznati samo adresu internet cafe-a, stoga smo pristup prilagodili atraktivnosti samog dizajna, zabavi korištenja te isticanjem iz konkurencije ne samo dobrim dizajnom i funkcionalnošću već i drugačijom tehnologijom i multimedijom.

Zaključak

Dizajnom web stranice moraju se osigurati osnovne premise kao što su:

• čitljivost – koja se postiže odabirom fonta, veličinom fonta, duljinom retka te količinom informacija; jednostavna i efektna navigacija – u svakom trenutku korisnik mora bez razmišljanja znati gdje je i kako da dodje do lokacije koja ga zanima;
• tema – grafički se svi elementi moraju uklapati u postojeći identitet ukoliko postoji te biti prilagođeni mediju (kvalitetom, veličinom, bojom…);
• tehnološka prihvatljivost – univerzalnost prikaza u svim browserima;
• konkurencija – uklapanje, ali i razlikovanje od ostalih iste tematike;
• ciljana publika – razlozi za dolazak i povratak na web stranicu;

Različitim pristupima i nadasve tehnologijama mogu se postići svi navedeni elementi. Flash tehnologija nama dizajnerima pruža više opcija u kontroliranju izgleda svih grafičkih elemenata te nam dopušta više dimenzija multimedijalnim alatima. HTML je više manje standard pri odabiru jednostavnih i statičnih web stranica te smo stoga pružili klijentu alternativu koja je jednako funkcionalna, ali ipak manje atraktivna.

Kako izgleda proces redizajna?

1. Analiza trenutne situacije
2. Razvoj poslovnog modela – na koji način će sajt ostvarivati prihod
3. Specifikacija – opis svega što treba imati nova verzija
4. Ponuda od programera – cijena izrade, dogovaranje rokova
5. Izrada stranice
6. Promocija stranice + seo
7. Prodaja oglasnog prostora (prihod)

1. Analiza trenutne situacije

Trenutno 1klik ima 1.000 posjetitelja dnevno i strukturu posjetitelja koja izgleda ovako:

Kao što je vidljivo, najveći broj posjetitelja dolazi izravno na sajt, a većina onih koji dolaze putem tražilica koriste ključne riječi koje su zapravo ime brenda. Smatram da je svakom webu izrazito važno imati što veći broj vjernih posjetitelja koji vole vaš proizvod i svakodnevno ga koriste.

2. Razvoj poslovnog modela

Sadašnja verzija sajta je smišljena da bude neprofitna i isključivo za dobrobit svih korisnika interneta, te na sebi nema klasičan oglasni prostor. Tek naknadno je dodan skyscraper banner 160×600 pomoću kojega testiramo kvalitetu oglašavanja na toj lokaciji.

Prilikom redizajna puno smo pažnje posvetili osmišljavanju oglasnih pozicija i oblika, tako da točno znamo što je zanimljivo oglašivačima od kojih očekujemo prihod.

Radeći u nekoliko web medija i web oglasnoj mreži Adnet, imao sam priliku iz prve ruke vidjeti kako troškovi uređivanja sajtova uvelike nadmašuju prihode koje sajtovi ostvaruju. Prilikom razvoja web sajta Videoportal.hr primjetio sam da čak i uz minimalne troškove uredništva ne mogu prodavati kvalitetan oglasni prostor i biti u plusu. Web u Hrvatskoj 90% čine urednici i webmasteri koji rade za svoj gušt, iako se u zadnje vrijeme dosta sajtova prestalo ažurirati.

1klik je potpuno automatizirani sustav koji se treba jednom mjesečno ažurirati sa novim linkovima, tako da trošak uredništva nije velik.

3. Specifikacija

Bezbroj ideja koje smo skupljali tokom zadnjih godinu dana potrebno je bilo smisleno složiti i napisati u specifikaciji na temelju koje smo tražili ponudu od programera. Odlučili smo se za web design studio Oxidian jer smo bili zadovoljni kako su napravili dosadašnju verziju sajta, te zato što su nam dali najbolju ponudu.

U specifikaciji se ne smiju izostaviti niti najbanalnije stvari kako bi programeri, koji su vrlo često tehničari i ne razmišljaju kao kreativci, mogli napraviti ono što je zamišljeno.

Prilikom izrade specifikacije napravili smo benchmarking (analizu i usporedbu sa sličnim sajtovima).

Bilo je potrebno istražiti sve što trenutno postoji na tržištu. Kako je sajt podijeljen na 3 glavne funkcije, svaku od njih smo uspoređivali sa postojećim sajtovima.

• Lokalne tražilice (Pogodak, Najdi.si)
• Web adresare (Krstarica, www.hr + 100 drugih)
• Personalizirane početne stranice (iGoogle, Netvibes, MyYahoo)

Uspoređivao se dizajn, brzina, jednostavnost, kvaliteta informacija, itd.. Naravno, svaki od njih ima neke stvari koje ga čine posebno dobrim, ali mi smo htjeli da to sve ima naš sajt, plus puno više.

4. Ponuda od programera

Koliko ste spremni potrošiti na redizajn? Sve ovisi o tome koliko se nadate zaraditi zahvaljujući njemu.

Potrebno je tražiti ponude od više programera kako bi mogli odabrati onu koja zvuči najbolje (što niža cijena + kvalitetan programer sa dobrim sajtovima u portfoliju).

Poštivanje rokova većini je programera slabija strana, često zbog komplikacija sa izradom sajta ili zbog poslova koje odrađuju za druge klijente. Najbolje je u ugovoru napisati fiksne rokove, te navesti smanjenje cijene ukoliko se sa izradom kasni tjedan, dva, tri, itd.

5. Izrada stranice

Nova verzija 1klik-a trenutno je u procesu izrade.

Potrebno je biti u kontaktu sa programerima tokom cijelog procesa izrade kako bi na vrijeme stigli reagirati ako nešto krene u krivom smijeru.

6. Promocija + SEO

50% posla je promocija sajta. Bez dovoljnog broja posjetitelja teško je privuči oglašivače, a ako ih i privučete cijene moraju biti usklađene sa posjetom tako da ne možete ostvariti zadovoljavajući prihod.

Najbolji način promocije web sajta je online promocija, jer offline (časopisi, tv, radio) promocija zahtjeva puno veću investiciju i ne donosi niti približno željeni učinak.

Najisplativije je uložiti u seo (optimizaciju stranice za tražilice) jer se u kratko vrijeme može privući ogroman broj posjetitelja. Banner oglašavanje je ok samo ukoliko se radi o medijskoj kompenzaciji i ne predstavlja financijski trošak. Dobro je za jačanje brenda sajta, ali ne donosi puno novih posjetitelja.

7. Prodaja oglasnog prostora (Prihod)

Potrebno je omogućiti oglašivačima ciljanje pojedinih kategorija u kojima mogu oglašavati određene kategorije proizvoda. To je iznimno bitno i za posjetitelje jer im se nude proizvodi vezani uz ono što ih zanima (npr. u rubrici Automobili nalaze se oglasi od Auto kuća, Auto osiguranja, itd..)

Uglavnom ćemo nuditi fiksne bannere, čija će cijena ovisiti o posjećenosti kategorije. S obzirom da se već dugo bavim web marketingom, oglašivačima sam voljan ponuditi isključivo ono što bih i ja sam kupio na njihovom mjestu. Cilj je osigurati što veći broj oglašivača koji će biti svjesni koristi koju dobivaju, te koji će biti prisutni tokom cijele godine.

Veliki broj domaćih oglašivača oslanja se na Gemius Audience istraživanje o posjećenosti web stranica u RH, stoga je bitno dobro kotirati na tom popisu.