Web dizajn.

Dizajn počinje nacrtom koji sami složite

Najskuplji deo lošeg dizajna je nesporazum na početku. Klijent kaže „moderno i pregledno“, dizajner pod tim zamisli nešto svoje, i prva verzija promaši, pa se nedelje troše na vraćanje unazad. Papirna skica tu slabo pomaže, jer papir ne pokazuje ni boje, ni slova, ni kako sajt izgleda na telefonu.

Zato prvi korak kod nas nije sastanak, nego besplatan interaktivni nacrt koji složite sami, u browseru, za desetak minuta. Birate tip sajta, upišete naziv i delatnost, složite stranice u hederu i sekcije početne strane, promenite im redosled, izaberete boje ili pustite alat da ih predloži, pa probate stil: minimalistički, elegantan, razigran ili korporativni. Skica se crta uživo, prikazuje se i kao desktop i kao telefon, a klikom na stavke menija prelistavate demo svake izabrane stranice.

Kada nam nacrt pošaljete, ne dobijamo opis željenog sajta nego njegovu prvu, grubu verziju: koje sekcije želite, kojim redosledom, u kojim bojama i u kom tonu. Razgovor o dizajnu tako počinje od nečega što se vidi, obe strane gledaju istu stvar, a ponuda koju vraćamo računa stvaran obim, ne pretpostavku.

Dizajn se pregleda u browseru, na test adresi

Slika dizajna je obećanje koje sajt ne mora da ispuni. Statičan prikaz, u PDF-u ili na slici, ne pokazuje kako se meni otvara na telefonu, šta se dešava sa naslovom kada se ekran suzi, koliko se strana pomera dok se učitava i kako izgleda sekcija kada teksta bude duplo više nego u probnoj verziji. Sve to se vidi tek kada dizajn živi u browseru.

Zato predlog izgleda ne šaljemo kao sliku na mejl, nego ga postavljamo na test adresu: otvarate je sa svog telefona i svog računara, skrolujete, klikćete kroz meni i komentarišete tačno ono što će posetioci dobiti. Izmene ulaze na istu adresu, pa se svaka verzija poredi sa prethodnom umesto da se prepričava. Sa klijentima iz Beograda dizajn po želji pregledamo i uživo, na sastanku.

Isti postupak koristimo i kada sajt već postoji pa mu je izgled glavni problem: to je posao za redizajn sajta, gde se novi izgled gradi sa strane na test adresi, a pozicije na Google-u čuvaju planski.

Tipografija, boje i razmak izvode se iz brenda, ne iz šablona

Kupljena tema se prepoznaje na prvi pogled i to je njen najveći trošak: sajt koji liči na hiljade drugih poručuje da je i firma jedna od hiljadu. Mi šablone ne kupujemo i ne prekrajamo. Ako imate knjigu grafičkih standarda, ona se poštuje do detalja: boje, slova i pravila upotrebe loga prenose se na sajt bez improvizacije. Ako postoji samo logo, iz njega i materijala koje već koristite izvodimo paletu i predlog tipografije, pa ih dajemo na odobrenje pre nego što se nacrta prva strana.

Tipografija je pola izgleda sajta, a bira se po kriterijumima koji se ne vide odmah: da li font ima sve naše znake, š, đ, č, ć i ž, nacrtane a ne dodate naknadno; da li nosi prava podebljanja umesto veštačkog debljanja u browseru; i da li postoji ćirilična verzija, ako vaš brend komunicira ćirilicom. Uz font ide skala: veličine naslova i teksta stoje u stalnom odnosu, red teksta se drži dužine koja se čita bez naprezanja, a razmak između sekcija prati isti ritam na svakoj strani.

Boje rade tek kada su raspoređene: jedna akcentna boja rezervisana za akcije, poziv i slanje forme, dovoljan kontrast da se tekst čita i na suncu i na jeftinom ekranu, i dovoljno vazduha oko sadržaja da strana deluje sređeno bez ijednog ukrasa. Dugmad, forme, kartice i naslovi crtaju se jednom, kao sistem, pa se ceo sajt drži istog jezika umesto da svaka strana bude dizajn za sebe.

Mobilni prvo, a brzina je deo dizajna

Na većini sajtova koje radimo veći deo poseta stiže sa telefona, pa se dizajn crta prvo za mali ekran, a tek onda širi na veliki. To menja odluke od prve skice: šta staje na prvi ekran i da li se iz njega vidi čime se bavite, gde stoji dugme za poziv da ga palac dohvati bez premeštanja ruke, kolika su polja forme da se popune bez zumiranja i šta se izostavlja, jer na malom ekranu nema mesta za ukras.

Brzina se obično tretira kao tehnički posao koji dolazi posle dizajna, a najveći deo brzine odluči se upravo u dizajnu. Uvodna fotografija od nekoliko megabajta, font koji prvo zablesne pa promeni oblik teksta, baner koji se učita poslednji i ugura sadržaj naniže: sve su to dizajnerske odluke, a Google ih meri kao brzinu i stabilnost strane i po njima rangira. Zato slike dobijaju unapred rezervisan prostor da se sadržaj ne pomera, fontovi se svode na rezove koji se zaista koriste, a efekti ostaju u granicama koje telefon srednje klase iznese bez štucanja.

Rezultat se ne dokazuje utiskom nego javnim alatima za merenje: sajt koji upravo čitate dizajniran je po istim pravilima, pa ga možete izmeriti sami.

Portfolio kao dokaz: tri projekta, tri različita izgleda

Da li agencija zaista crta po meri ili prodaje jedan dizajn u više boja, najlakše se proverava poređenjem projekata koji nemaju ničeg zajedničkog.

• Planika, web shop proizvođača obuće iz Novog Sada sa mrežom od preko 30 radnji: izgled vode fotografije proizvoda i sezonske kampanje, pa se dizajn povukao u drugi plan i pušta obuću da prodaje.
• Certiwa Portal, klijentski portal za vođenje ISO sertifikacije, na švedskom jeziku: tu nema fotografija, dizajn je raspored informacija, pa se status svakog dokumenta i napredak ka auditu čitaju na prvi pogled. Portal nastavlja vizuelni identitet prezentacionog sajta koji smo ranije radili za istog klijenta, a javno je dostupan kao demo.
• Vazduhoplovni savez Srbije, sajt nacionalnog sportskog saveza, u celini na ćirilici: kalendar takmičenja, rezultati po sezonama i dokumenta za više disciplina traže izgled institucije, uredan i pregledan, a ne izgled kampanje.

Zajedničko tim projektima nije ništa što se vidi, nego ono ispod: jasna struktura, brzina i najkraći put do onoga po šta je posetilac došao. U tome i jeste razlika između dizajna po meri i šablona: šablon je isti spolja, a naši sajtovi su isti iznutra.

Gde je dizajn u ceni sajta

Web dizajn kod nas nije stavka koja se dodaje na račun: uključen je u cenu izrade i ne naplaćuje se posebno. Sajt koji predstavlja firmu je po tipu prezentacioni sajt i kreće od 500 €, korporativni obim sa više sadržaja od 800 €, a sve cene po tipu projekta, sa spiskom šta u koju ulazi, stoje na strani cena izrade sajta.

Obim dizajna, pa time i cenu sajta, u praksi pomeraju tri stvari:

• Broj različitih tipova strana. Početna, strana usluge, strana projekta i kontakt su četiri različita rasporeda; svaki nov tip strane je nov posao crtanja, dok deset strana istog tipa nisu.
• Materijal koji dizajn dobija. Profesionalne fotografije nose stranu same; kada ih nema, dizajn nadoknađuje grafikom, ilustracijom ili tipografijom, a to je više posla.
• Broj jezika i pisama. Isti raspored mora da izdrži i duže reči drugog jezika i ćirilicu, ako ih sajt ima, pa se prelom proverava za svaku verziju.

Najbrži put do konkretne cifre: pošaljite nam kroz kontakt formu dva ili tri sajta čiji vam se izgled dopada, uz rečenicu čime se bavite. Vraćamo predlog izgleda i ponudu sa cenom i rokom u roku od 24 sata.