FMUK - E-business & E-marketing 3.10.2016: Webdesign: čo treba pre úspešný web (Alexander Botev, NetSuccess)

Webdesign: čo treba pre úspešný webE-business & E-marketing pre 4. ročník FMUK, 3. 10. 2016

ako na web...

Potrebujem nový web

• bez cieľa budete blúdiť• SMART = konverzia

• tvrdé dáta, ktoré bude obchodné a finančné oddelenie milovať • nákup• odoslanie dopytu• kontaktnej informácie• prihlásenie sa na newsletter

• všeobecné• nájdenie si kontaktu (telefónu) • adresy (napr. ste na ceste a potrebujete zistiť, kde to konkrétne je), • prezentovanie novinky/produktu/portfólia

Cieľ

• Každá firma má nejakú• Webom

• jej máme pomáhať• podporovať ju• dopĺňať

Obchodná stratégia

• Pred tvorbou webu potrebujeme poznať svojho klienta

• Informácie o spoločnosti• Poslanie, ciele• Hlavný biznis/produkt• Zákazníci – terajší a potenciálni• Konkurenčné výhody• Relevantná konkurencia

Q&A

Upriamte pozornosť

Čo chcete zobraziť bez toho, aby sa scrollovalo, resp. na niečo kliklo

Čo keď sa scrolluje?

Call-to-action:menej je niekedy viac

Nerozptyľovať pozornosť

Dobrý web nestačí

• Ako sa ľudia dozvedia o Vašom webe?• Máte plán pre propagáciu?• Potrebujete s tým pomôcť?

potrebujeme sa pýtať

• Potrebujete pomôcť s tvorbou textov?• Máte k dispozícii fotografie a obrázky?

• nafotíme, kúpime...• Natočíme promo video alebo spravíme klip?

potrebujeme pomáhať

Čo ďalej

... môžete tvorbu webu obohatiť o

Ak máte zdroje...

UX analýzu

Persóny

• UX analysis• Personas• User-centered design

čo nájdete, si adaptujte sami ako uznáte za vhodné

Googlite

... zlepšujte web po nasadení (post analytika)

• Google Analytics• Teplotné mapy• A/B testovanie• Kvalitatívne testovanie

Ak nemáte zdroje...

ako teda na kvalitnýweb?

• ak ste jeden z mnohých• ak ste noví na trhu

sledujte tých najlepších

• ak ste alebo chcete byť medzi lídrami v odvetví

rozmýšľajte nad inováciami

• lokalizácia do miestneho jazyka• miestna/univerzálna doména• odlišné grafické a obsahové prevedenie• špecializácia

rôzne trhy = rôzne prístupy

• dizajnérske riešenia• súťaže dizajnu• nové templaty• inovatívne prístupy• drobnosti

Inšpirácie v kvalitných riešeniach

templatealebodizajn na mieru?

• “wordpress šablóna“ – zaznávaný pojem v UX• chybne sa berie ako neoptimalizovaný tuctový dizajn

• ale aj z template viete “vyčarovať“ unikátny dizajn• template pomáha v rámci šetrenia kóderských hodín na html/css• hľadajte napr. tzv. buider a PSD-čka, ktoré môžete upraviť

Realita

Tvorba webu = viacero profesií

• account• stratégia

• manažment• grafika

• kódovanie• obsah

moderný dizajn webu

• poriadok na stránke (správne zarovnania, čistá stránka)• kontrast a farebná škála (ladenie farieb, kontrast)• typografia (fonty, orientácia, stanovené pravidlá)• rovnaký layout pre funkčné podstránky

= rovnaká idea na všetkých stránkach• nesnažte sa prekvapiť návštevníka neštandardom

• jasné a účinné riešenia• jednoduché a nekomplikované prevedenie• čím menej „call-to-action“, tým lepšie• testovanie na rôznych zariadeniach a prehliadačoch

Je dobré pamätať na

• comming-soon web• dávkovanie informácií (otvorenie predajne, rekonštrukcia webu)• zbieranie e-mailov

• budujte komunitu na sociálnych sieťach• ukazujte svoju kredibilitu

• usilujte sa, aby vás videli ako dôležitý zdroj informácií• zapojte sa do účasti na konferenciách

Skôr ako to spustíte na ostro

čo je všaknajpodstatnejšie

1. obsah

2. obsah

3. obsah

Máte dobrú stránku a zatiaľ nič z toho?

• viditeľnosť (reklama, komunita, bublina)• nájditeľnosť (reklama, SEO)• synergie s kamennými predajňami• tlak na odbornosť• dajte zákazníkovi pocit, že si ho vážite

V záplave konkurencie je dôležité

• vymyslite niečo viac pre zákazníka• rozmýšľajte o nižších nákladoch• diverzifikujte, odkiaľ vám idú návštevníci• remarketing – oslovte Vám naklonených znova• magická skratka dneška: SEO

Ako sa (ne)biť s konkurenciou

Zľava je lacná dokáže ju ponúknuť každý

a zároveň drahástojí vás peniaze

Ďakujeme za pozornosť

Alexander [email protected]