Pet savjeta za dizajn weba koji će privući direktne rezervacije

web_dizajn

Koja je najvažnija funkcija dizajna web stranice vašeg hotela? Iako veliku pažnju inicijalno posvećujemo estetici i sadržaju, oni su samo alati koji rade u funkciji ostvarivanja većeg cilja – direktnih rezervacija. Ako želite da gosti, pregledavajući web stranicu vašeg hotela, dođu do cilja kojeg ste postavili morate osigurati dizajn koji će ih na to navesti. Continue reading

Psihologija gosta: Kako dizajn, sadržaj i komunikacijska igra mogu osigurati veći booking?

booking_web

Ako putem vaše web stranice ne bilježite dobar online booking, razmislite o slijedećih nekoliko savjeta koje vam donosimo kako biste korisnike potaknuli na akciju. Pročitajte savjete o dizajnu web stranice, funkcionalnostima, sadržaju i samoj komunikaciji koja u velikoj mjeri može utjecati na ponašanje korisnika. Continue reading

How many slaves work for you? Posjetitelji Awwwardsa odabrali najbolju stranicu 2011. godine

 

Posljednih nekoliko dana putem facebook profila Awwwardsa birala se najbolja webstranica za 2011 godinu. Nominirane stranice možete ovdje pogledati www.awwwards.com/site-of-the-year-2011. Posjetitelji su odabrali www.Slaveryfootprint.org u HTML5 napravljena anketa londonske agenture unit9.

Na temelju ankete od 11 pitanja posjetitelj dobiva odgovor koliko robova za njegov komfort radi. Continue reading

Fount besplatni bookmarklet tool za identificiranje web fontova

Za sve one koje zanimaju web fontovovi, izašao je novi bookmarklet tool Founts pomoću kojeg se brzo i jednostavno može pročitati svaki font koji se koristi na web stranicama.

Sve što trebate napraviti je otići na ovaj link  http://fount.artequalswork.com, te gumb s natpisom Fount dodati u svoje bookmarke u browseru. Kliknite na Fount bookmarklet, kliknite mišom na bilo koji tekst i pojavit će vam se balončić s informacijama o tom fontu. Neće vam samo pokazati koji font bi se trebao ispisivati, nego koji font se stvarno ispisuje, veličina, težina i stil. Za isključivanje Fountsa kliknite ponovno na bookmarklet.

Fount je besplatan i radi u svim glavnim browserima poput Safari, Chrome, Firefox, i IE8+.

Provjerite sami.

www.2011.ampersandconf.com

www.twopaperdolls.com

CSS3 text-shadow i prikaz u Google Chrome-u

U CSS3 je uvedena mogućnost definiranja sjena ispod teksta (CSS3 text-shadow). U trenutku pisanja ovog članka jedino Internet Explorer (IE9) ne podržava ovu opciju. Iako Google Chrome podržava text-shadows, pod određenim uvjetima na Windows operativnim sustavima postoje problemi s prikazom teksta sa sjenama.

Osnovni kod za definiranje sjena ispod teksta izgleda ovako:


p { text-shadow:3px 2px 3px rgba(0,0,0,0.5); }

Prve dvije vrijednosti određuju dužinu sjene, a moguće je koristiti i negativne vrijednosti. Treća vrijednost je opcionalna i definira zamućenost (blur) sjene. Posljednja vrijednost je boja sjene. Boja sjene se može definirati u heksadecimalnom kodu (#000000) ili u RGBA kodu kako je navedeno u primjeru. Prednost RGBA koda je mogućnost korištenja alpha kanala za određivanje stupnja transparencije sjene.

1. vrijednost: duljina sjene na X-osi
2. vrijednost: duljina sjene na Y-osi
3. vrijednost: blur sjene
4. vrijednost: boja i transparencija sjene Continue reading

CSS3 i Internet Explorer

CSS3 je donio nekoliko inovacija koje web dizajnerima i frontend web programerima bitno olakšavaju posao. Nove opcije koje će se vjerovatno najčešće koristiti su zaobljeni rubovi (CSS3 border-radius) i generiranje sjena na block elementima (CSS3 box-shadow). Uz ove nove opcije nema više potrebe pažljivo slagati pozadinske sjene i zaobljene rubove od gif i png datoteka – sve je moguće napraviti s par linija css koda. Ako još niste dovoljno vješti u korištenju novih CSS3 opcija možete koristiti neki od online generatora CSS3 koda poput css3generator.com. Generator u realnom vremenu daje prikaz efekta koji ćete dobiti, te vam ispisuje i dodatni css kod za kompatibilnost sa starim verzijama Webkit i Gecko preglednika.

Nažalost Internet Explorer u inačicama prije IE9 ne podržava nove CSS3 opcije. Continue reading

Micro i Social-Media kampanje

Micro i Social-Media kampanje zamjenjuju klasične oblike oglašavanja.
Osim što su dostupne velikom broju korisnika ove kampanje su interaktivne, eksperimentalne i stvaraju jednu novu virtualnu stvarnost što ih čini uspješnima.

 

Par primjera takvih uspješnih kampanji:

www.wall-of-fame.com
Interaktivna ploča za crtanje na kojoj možete crtati interaktivnim eddingom ili se natjecati s drugim korisnicima za vlasništvo nad olovkom. Korisnici crtaju u realtimeu. Sve je naravno povezano s facebookom. Continue reading