“Dobrý deň,
máme záujem o tvorbu web stránky. Pôsobíme v oblasti autodopravy. Stránky budú obsahovať sekciu O nás, Služby, Referencie a Kontakty. Prosím o cenovú ponuku a odhad termínu dodania.

s pozdravom
Ing. Marcel Morčiak”

To je zároveň dôvod, prečo vznikol tento článok. Klient takýto dopyt rozošle v rámci svojho “minitendrovania” viacerým webdizajnovým štúdiám. Zarážajúce však je, že vysoké percento z nich pošle zakrátko obratom cenovú ponuku na “vytvorenie skvelého webu do štyroch dní za 299 € aj s vizitkami”. Bez potreby pýtať sa ďalšie podrobnosti o klientovom biznise a jeho zámeroch.

Keďže klient nedopytuje vytvorenie webu každý deň, mnohokrát ani nevie, že tento scenár nie je úplne s kostolným poriadkom. Môže sa stať, že dokonca ocení, že ho webdizajnér “neobťažuje zbytočnými” otázkami. Klientov totiž často vyťažuje ich vlastný biznis a tvorba webu sa ocitá na konci rebríčka priorít (minimálne časovo).

Ak vám na webe zvlášť nezáleží a budete spokojný s tým, že bude niekde “na internetoch” dva roky nerušene (často žiaľ doslova) visieť a potom ho prípadne dáte jemne “preleštiť” (ejkejej redizajnovať), môžete prestať čítať.

Pokiaľ si však, rovnako ako my, myslíte, že profesionálny web je premyslený nástroj, zasadený do vašej marketingovej stratégie, ktorého úlohou je prinášať vám osoh (predávať, informovať, skrátka prinášať želané konverzie, ktoré je možné merať a vyhodnocovať), čítajte ďalej.

Proces dopytovania webu totiž začína skôr, než začnete oslovovať webdizajnérov. Ešte predtým je potrebné premyslieť si pár zásadných otázok.

Hovorí sa “first things first”, takže začnime tým najdôležitejším:

• Kto ste a čomu sa venujete? Kto sú (budú) vaši zákazníci – návštevníci stránok?
  Áno, toto ste nám už naznačili v dopyte, potrebujeme však podrobnejšie informácie pre bližšie pochopenie vašich zámerov a potrieb.
• Čo vás motivuje k vytvoreniu/redizajnovaniu webu? Aké sú vaše očakávania?
  Malo by sa niečo zmeniť oproti súčasnému stavu (samozrejme k lepšiemu)? Skrátka, aký cieľ s novým webom sledujete? Predstavte nám vašu víziu happy endu :)
• Vieme tieto pozitívne zmeny merať? Čo bude merítkom vášho úspechu?
  (napr. zvýšenie predaja o X%, nárast odoberateľov vášho “šťavnatého” newslettera o Y%…)
• Aké bude miesto webu v rámci vašej marketingovej stratégie?
  S tým súvisí otázka, či máte v danej chvíli pripravenú nejakú marketingovú stratégiu. Ak nie, môžeme sa nad ňou spolu zamyslieť. Je totiž najvyšší čas. Web by mal do vašej stratégie jasným spôsobom zapadať.
• Aké je vaše USP (unique selling proposition – unikátny predajný argument),
  teda ako by ste charakterizovali, v čom sa odlišujete vo vašej oblasti od svojej konkurencie (napr. “Naše hotdogy vyrábame z mäska z fajnových prasiatok, ktoré chodí každý pondelok masírovať thajská masérka a počúvajú pri tom Enyu”. Naopak, dobré USP nie je “Sme mladá dynamická firma a neustále napredujeme”, to je len “marketing speech”.). Vymyslieť vhodnú odpoveď na túto zapeklitú otázku nie je práve ľahká úloha. Ide o vymedzenie sa v rámci konkurencie. Pokiaľ je váš biznis jedinečný a máte minimálnu konkurenciu, tým ľahšia úloha.
• Aký máte na web vyčlenený rozpočet?
  Máme skúsenosť, že na túto otázku klienti odpovedajú len neradi, odpovedi sa všemožne vyhýbajú, prípadne nahodia kvalitný “poker face”. Ak je váš rozpočet vyšší, môžete si dovoliť najať kvalitnejšiu webdizajnérsku firmu a aj výsledok bude mať vyššiu hodnotu (obsah webu, dizajn, technológia, užívateľské testovanie, …). Aj s menším rozpočtom je možné vytvoriť kvalitný web, ale nie je dôvod chodiť okolo horúcej kaše. Je zbytočné oslovovať s budgetom 500 € agentúru, ktorá robí len riešenia na mieru od 20 000 €.
• Máte vyčlenený rozpočet na marketingové aktivity, ktoré budú prinášať návštevnosť webu?
  Vyvíjate v súčasnosti nejaké marketingové aktivity (ak sa jedná o redizajn existujúceho webu)? Web sám o sebe nie je spásonosný, nedokáže variť z vody. Potrebujeme naň dostať návštevníkov – vašich zákazníkov a na ich získavanie musíme mať pripravenú stratégiu (organické vyhľadávanie v Google, pay-per-click reklamy, sociálne siete, PR články a pod.).
• Je vaša značka už zabehnutá, alebo spolu s webom budujete novú značku?
  Má vaša spoločnosť vizuálne stvárnenie značky (logo, prvky firemnej identity)? Dôležitosť značky mnoho klientov často podceňuje a devalvuje. V dnešnej dobe pretlaku informácií a silnej konkurencie je však práve silná a jedinečná značka tým, čo vás dokáže odlíšiť v mori bezpohlavnej konkurencie. Dôležitosť úzkeho prepojenia značky vyvolávajúcej emócie s webom je teda zjavná.
• Kedy by mal byť web hotový a spustený?
  Áno, vačšinou sa na označenie deadline-u používa termín “ASAP”. Tu treba mať realistické očakávania. Váš webdizajnér by vás mal informovať o tom, aké termíny sú vzhľadom na náročnosť vášho projektu reálne. Pokiaľ čas naozaj “horí” (napr. ak ste včera oznámili svoju kandidatúru na prezidenta), je možné najskôr zvoliť aspoň provizórne riešenia (napr. stručná singlepage) a následne pracovať na plnohodnotnom riešení.

Máme skúsenosť, že klienti sa pri týchto otázkach niekedy jemne orosia, až zapotia. Častokrát ich totiž práve tieto otázky podnietia k dôkladnému zamysleniu sa nad svojim biznisom, najmä nad ich firemnou stratégiou.

Ďalej môžeme prejsť k menej namáhavým, ale nemenej dôležitým otázkam:

• Máte premyslenú štruktúru a obsah webu?
  Toto závisí od špecifík vášho biznisu. Webdizajnér musí mať dostatok východzích informácií, ktoré následne roztriedi, prehodnotí a navrhne vhodnú štruktúru/architektúru webu.
• Máte k dispozícii kvalitný obsah webu?
  (texty pripravené pre web, obrázky, fotografie na mieru, video, rôzne tabuľky a grafy…) Kvalitný obsah je dôležitý pre užívateľa a nemenej pre vyhľadávače. Od klienta sa neočakáva, že bude profesionálnym webovým copywriterom (profík, ktorý píše texty pre web), fotografom, či video producentom. Budeme však potrebovať dostatok informácií o vašom biznise, aby sme s vašou asistenciou mohli tieto podklady vytvoriť.
• Bude súčasťou vášho webu nejaká špecifická funkcionalita?
  (napríklad špeciálna kalkulačka na vypočítavanie cenových ponúk, Vilo Rozboril vyskakujúci zboku po odoslaní formulára, …)
• Kto je vaša konkurencia?
  Vášho webdizajnéra budú určite zaujímať web stránky vašich konkurenčných firiem. Môže sa niečím inšpirovať, alebo naopak, vyhnúť sa chybám, ktoré na webe vaši konkurenti robia.
• Weby, ktoré sa vám páčia, nepáčia?
  Môžeme sa tak naladiť na “rovnakú vlnovú dĺžku”. To však neznamená, že sa dobrý webdizajnér bude riadiť výlučne vašim vkusom. Napríklad, ak použije oranžovú farbu, nie je to preto, že sa vám chce votrieť do priazne, lebo vie, že sa vám oranžová páči, ale preto, že je to pre projekt vhodné z hľadiska psychológie farieb a cieľov (alebo to vyžaduje váš dizajn manuál, …), ktoré web sleduje.
• Zdroje návštevnosti ?
  Odkiaľ sa potenciálny klient dostane na vaše stránky? Tento bod súvisí s otázkou o marketingových aktivitách, ktorým sa venujeme vyššie.
• Využívate v súčasnosti nejaký analytický nástroj na sledovanie návštevnosti?
  Najčastejšie to je Google Analytics. Tento nástroj nám môže (ak je dobre nakonfigurovaný) poskytnúť už v úvodnej fáze odpovede na rôzne zásadné otázky, čím sa vyhneme domnienkam (napr. ak máte preukázateľne vysokú návštevnosť z mobilných zariadení, je jasné, že je potrebné riešiť responzívny web, ktorý sa bude fajnovo zobrazovať na všetkých mobilných zariadeniach a návštevníci vašich stránok vás budú za to ľúbiť.).
• Aké služby si želáte využiť v rámci full servisu okolo vytvorenia webu?
  (zakúpenie domény, webhosting na mieru, vytvorenie emailov, marketingový mix, … Netrápte sa, ak neviete, čo je to “webhosting”. Dobrý webdizajnér vám poradí a vyriešite spolu aj tieto technické rébusy.)

Ak ste sa dostali až sem, máte náš rešpekt

Je to dôkazom toho, že úspech vášho webu vám nie je ľahostajný. Popravde, neočakávame, že nám teraz na základe uvedeného dodáte niekoľkostranové zadanie k vytvoreniu vášho nového webu viazané v pravej koži. Ak si s niektorými otázkami neviete rady, nevadí. Sme tu, aby sme vám poradili a previedli vás celým procesom tvorby úspešného webu.
Príťažlivý a premyslený web, ktorý zafunguje v náročnom digitálnom svete, môže mať malý podnikateľ, aj veľká korporácia.

Dajme reč o vašom novom webe

Je to pochopiteľné, každý je expertom v rámci svojej vlastnej profesie. Navyše, web a web design je aktuálne už medziodborovou a pomerne zložitou oblasťou. Kto sa v tom má teda vyznať? A kto vlastne robí tie weby, koho mám zavolať?

Naozaj dobrý webdizajn stojí na troch pilieroch: biznis, technológia a dizajn. Priplietli sa sem ešte aj dizajn interakcií, marketing a branding… Aby toto zvládol jeden človek, muselo by ísť o naozaj výnimočného jedinca, univerzálneho vojaka. Ak takého nájdete, je čas zložiť pred ním pomyselný klobúk (ak ste hipster, tak reálny klobúk), je to PÁN.

Vačšinou však na náročnejších weboch zvykne pracovať kolektív špecialistov (tzv. skillerov – budeme ich tak označovať, lebo je to viac cool). Konkrétne by to mohli byť v základnej zostave títo:

UX dizajnér

Alebo “User eXperience” dizajnér – jeho chlebíkom je užívateľská skúsenosť, teda to, ako s vami web interaguje, komunikuje. Možeme to pokojne brať ako rozhovor medzi vami a webom. Všetko by malo ísť hladko a intuitívne, asi ako na vydarenom rande a nie na nevydarenom, “lost in translation” a podobne…

UI dizajnér/grafický dizajnér

Áno správne – User Interface dizajnér má na svedomí grafický dizajn webu. Teda to, čo je na prvý pohľad vidieť. A často je to práve iba jeho práca, ktorú klienti hodnotia jednoduchým “áno/nie”. Pritom tento týpek musí okrem princípov dizajnu poznať aj tajomstvá práce a čiastočne aj skills jeho kolegov, napríklad UX dizajnéra, frontend dizajnéra alebo programátora. Je to práve výstup od UX dizajnéra, ktorému dáva “tvár”, grafickú podobu.

Frontend developer

Musí si tykať s HTML5, CSS3 a javascriptom. Jeho misiou je nakódovať frontend webu (teda opäť to, čo je vidno zo strany návštevníka webu), inak povedané naprogramovať a rozhýbať grafický dizajn. Často pritom zvádza boj s veternými mlynmi… ehm staršími verziami prehliadačov. Hejtuje najmä Internet Explorer. S príchodom responzívneho webu má, samozrejme, viac práce. Ale to aj ostatní členovia tímu.

Programátor

Programuje funkcionalitu, to jest to, čo na prvý pohľad nevidno. Ulietava si na zdrojových kódoch a úzko spolupracuje so zvyškom ansáblu. Ak weby delíme na webové prezentácie (weby, ktoré niečo prezentujú, napr. firemný brand, produkt…) a webové aplikácie (weby, ktoré niečo robia, ich súčasťou je nejaká funkcionalita), tak pri návrhu aplikácií sa dostáva viac do centra diania, spolu s UX dizajnérom, pretože tu ide najmä o aplikačnú logiku (programátor) a používateľské rozhranie (UX dizajnér) a až následne o dizajn.

Copywriter

Jeho úloha býva často podceňovaná. Texty na web si totiž dokáže napísať predsa každý sám. Nie je to nič zložité, takže tohto by som vynechal. Díky.
Avšak práve tento týpek má zmáknuté “catchy” nadpisy, pútavé a vhodne dlhé texty, odstavce, nápisy tlačidiel… celkovo, má pod palcom váš “content”. Pritom práve “great content” je jedným z hlavných trendov súčasného webdizajnu. Spolu s (ideálne autentickými) fotografiami a videom pre váš skvelý web sa ho teda určite neoplatí podceňovať.

SEO a PPC konzultant

Stará sa o to, aby váš web okupoval popredné pozície vo vyhľadávačoch. Úzko pri tom kooperuje s copywriterom a programátorom. Posvieti si na webové texty, má pod palcom on-page aj off-page optimalizáciu. S kľúčovými slovami to vie ako Christiano Ronaldo s krásnymi ženami. Vytvára, nastavuje a spravuje PPC kampane, navrhuje kombinácie vhodných riešení… Je to skrátka multitalentovaný čávo.

Projektový menežéris

Je to hádam jediný človek z vymenovaných, ktorého úloha vám je približne jasná, pretože sa v názve jeho pozície nenachádza žiadne X, UX, ani iné špektakulérne znaky. Áno, manažuje celý projekt, jeho hlava absorbuje všetku komunikáciu na linke klient-agentúra. Zmanažovať dialnicu Bratislava-Košice je oproti tomu hračka. Dokáže naraz telefonovať, mailovať a piť hektolitre kávy. Vďaka nemu všetko “fachčí” ako má.

Server admin

Rozumie pekelným strojom nazývaným aj servery a tie ho poslúchajú na slovo ako policajný vlčiak svojho psovoda. To on má pod palcom všetky dáta vášho webu, on presne vie, koľko miesta a aké parametre servera váš web potrebuje. Svojím orlím zrakom sleduje traffic na vašich stránkach, ich dostupnosť 24/7 a do toho zabezpečuje zálohovanie webu – veď viete, keby niečo… Maká na tom, aby vaše emaily vždy dorazili tam, kam majú a udatne bojuje so spamom všetkého druhu.

Zloženie a kompetencie členov tohto hviezdneho tímu sa môžu v závislosti od náročnosti jednotlivých webových projektov meniť a prelínať, rovnako naň má vplyv aj work-flow danej digitálnej agentúry. Mojím cieľom nebolo vymenovať všetky variácie a permutácie, ktoré by mohli nastať. Skôr som chcel prívetivou formou ozrejmiť, kto všetko by mal stáť za skvelým webom. Nie je to totiž len one man show.

Kvalitný web dizajn musí byť zrozumiteľný, čitateľný, ľahko pochopiteľný a v neposlednom rade musí návštevníkov chytiť za srdce.

Jednoduchosť a minimalizmus sú jedným zo základných piliérov na ktorých stojí (a padá) užívateľova pozornosť. Príliš veľa farieb, obrázkov, či rôznych tvarov môže vyvolať zmätok, preplnenosť, zložitosť a pocit nepohodlia, čo nakoniec vyústi v jeho odchod z vašich stránok.

Výborný spôsob, ako návštevníkom zabezpečiť kvalitnú užívateľskú skúsenosť (UX – user experience), je využiť negatívny priestor (ang. whitespace) na navrhovanie čistých, jednoduchých a elegantných dizajnov.

Používaním negatívneho priestoru sa dá zlepšiť čitateľnosť, celková prehľadnosť a v neposlednom rade je aj súčasťou filozofie “menej je viac”, ktorá sa vo web dizajne ukazuje ako najefektívnejší spôsob podávania informácií.

Je viacero spôsobov, ako vysvetliť, čo to ten negatívny priestor vlastne je. Môj najobľúbenejší pochádza z článku Marka Boultona: “Negatívny priestor je prázdny priestor”.

Čo je negatívny priestor?

Negatívny priestor je časť stránky, ktorá je ponechaná prázdna, s úmyslom vniesť do dizajnu eleganciu, prehľadnosť a vzdušnosť. Je to každé miesto, kde sa jednoducho nenachádza nič :) Z pohľadu web dizajnéra ide o priestor medzi prvkami grafiky, stĺpcami a riadkami layoutu, obrázkami, textami, atď, vytvárajúci štruktúru a prehľadnosť.

Zároveň je to estetický a sofistikovaný spôsob, ako organizovať texty, prvky grafiky či viesť užívateľa k dôležitému obsahu. Faktom je, že v jednoduchosti je krása a je kontraproduktívne vytvárať dizajny preplnené textami a prvkami grafiky, ak chceme návštevníkovi zdeliť jasné a zrozumiteľné posolstvo.

Asi najznámejším príkladom negatívneho priestoru, ktorý určite všetci poznáte, je domovská stránka Google-u. Nenachádza sa na nej skutočne nič, čo by rušilo vašu pozornosť od hlavného účelu stránky – vyhľadávania :)

User experience = svätý grál

Našou firemnou filozofiou je vytvárať pre klientov skvelé veci. Negatívny priestor používame pri dizajnovaní každého projektu. Veríme, že je jedným z fundamentálnych prvkov kvalitnej user experience, alebo ak chcete, užívateľskej skúsenosti. Práve tá je základom úspechu a živnou pôdou pre návštevníkov, či zákazníkov, ktorí sa k vám budú radi opakovane vracať.

Pri predstavovaní našich dizajnov bývame často konfrontovaní s otázkou, “Prečo je tam tak veľa voľného miesta?”.

Nuž, odpoveď sme sa vám pokúsili dať v tomto príspevku. Ak sme vás však predsa len nepresvedčili, skúste sa na to pozrieť očami návštevníka vašich stránok.

Chceli by čítať obsah webu stlačený na malej ploche, napísaný malým písmom, s riadkami nalepenými na sebe, alebo by ste taký web radšej zavreli a išli na inú stránku, kde je text primeranej veľkosti, s dobrým proporčným rozložením a štruktúrovaným obsahom?

Chceli by ste čítať extra dlhý text, plný rôznorodých, chaoticky podaných informácií, alebo radšej dočítate niečo, čo nie je síce príliš dlhé, no má hlava a pätu?

Áno priatelia, váš návštevník je citlivá ľudská bytosť, ktorá má svoje zvyky a potreby a najmä pomerne málo trpezlivosti, determinovanej nedostatkom času (je dokázané, že užívateľ sa rozhodne o svojom zotrvaní na stránke do 8 sekúnd). Neodplašte ho preto nesprávnymi rozhodnutiami, implementovanými do dizajnu vášho projektu a on sa vám za to nezištne odplatí opakovanými návštevami či pravidelným nakupovaním vo vašom e-shope :)

Nasleduje premostenie k internetovým obchodom a zároveň pichnutie do osieho hniezda. Ide totiž o kontroverznú tému tzv. vyklikávačiek. Veľa spoločností, ponúkajúcich eshop systémy nielen, že dovolí svojim klientom (majiteľom eshopov) vyskladať si vlastný eshop systémom drag & drop, ale považujú to dokonca za hlavný benefit svojej ponuky. Dávajú svojim zákazníkom slobodu, voľnosť a zábavku.

Otázkou je – je to správne? Ak si poskladáte stolík a urobíte chybu (čo sa, ak pozorne čítate návod, s najväčšou pravdepodobnosťou ani nestane), najhoršie, čo sa vám môže prihodiť je, že stolík bude “krívať” a možno sa vám rozsypú čipsy a vyleje pivo počas piatkovej párty u vás doma. Škoda bude zanedbateľná. Ak si však nie úplne správne vyskladáte eshop, nestane sa nič. A to je dosť zlé. Malo by sa totiž toho stať veľa. Napríklad, že budete mať strašne veľa návštev, strašne málo “opustených košíkov” a mega veľa konverzí a objednávok. Váš biznis bude rásť a kúpite si Maserati. Preto si predsa eshop zakladáte. Nie preto, aby ste sa “pohrali” systémom pokus-omyl a možno sa “vyfailovali” a znechutili a následne to zabalili.

Na to, aby ste vedeli navrhnúť dobrý a hlavne fungujúci eshop totiž potrebujete pomerne veľa vedomostí. Konkrétne z oblastí ako je web dizajn (teraz nemám na mysli dizajn v jeho subjektívnej podobe), užívateľské rozhrania (tzv. UX a UI) a usability, webová psychológia, percepcia, moderný online marketing a podobne… Netvrdím, že sa to nemôžete pri troške snahy a chuti (veľa) študovať naučiť. Prečítate niekoľko múdrych knižiek ako sú napíklad tieto,

naštudujete si množstvo blogov a výskumov v oblasti e-commerce, prípadne sa príhlásite do nejakého online kurzu a zamakáte na sebe.

Alebo sa budete radšej venovať tomu, čo viete najlepšie a čo vás baví najviac – vášmu biznisu. Pohráte sa pri inej príležitosti. Napríklad s tým stolíkom. Samozrejme, čím viac si toho naštudujete, tým lepšie pre vás.

Práve finišujeme vývoj vlastného, šikovnými slovenskými ručičkami “nakódeného” eshop systému, ktorému sme dali meno Sweetcart. Rozhodli sme sa ísť vlastnou cestou, o ktorej si máme dôvody myslieť, že je správna. Sweetcart preto neposúva zodpovednosť za dizajn a UX na majiteľa eshopu – laika, ako to robia rôzne vyklikávacie systémy, pretože ide o prácu pre profesionálov ako sme my. A robíme ju radi.

Viac o e-shop systéme Sweetcart sa môžete dozvedieť na našich stránkach.