Jak navrhnout úspěšný web krok za krokem aneb jak

hodně se můžete/máte zapojit

APPLE JUICE MEETING

Jan Kvasničkawww.kvasnickajan.czinfo@kvasnickajan.cz @Jan_Kvasnicka

27.3.2014

„Kdo sem dnes přišel?“

Poznejme se trochu

Otázka na úvod

„Jak podle Vás vypadá proces návrhu úspěšného webu a kolik má kroků?“

„Vyberme si dva zástupce, web a eshop.“

Podíváme se na to prakticky

1. krok

„Jak vůbec začít?“

1. krok

1. Předimplementační analýza

1. krok – častá úvaha

„My přesně víme, co chceme.“

1. krok – otázky

Je nutná?

Jak by měla být velká?

Jaká je její funkce, co dělá?

Na co vše by mělo být myšleno?

Kdo se podílí na tvorbě?

1. krok – kdo se podílí na tvorbě?

SEO a #vetrovkanaslidu

1. krok – kdo se podílí na tvorbě?

Branding ...a další

Sociální sítě

Obsahové strategie

Linkbuilding

Marketing

1. krok – 1. část

Cíle

Cílové skupiny/persony

Konkurence

Vývoj trhu

Rozhodovací proces

Základní informace

1. krok – 2. část

Developer

Grafik

Napojení na systémy třetích stran

Technická řešení

1. krok – 3. část

Google Webmaster Tools

Google Analytics

Collabim

PPC systémy

Analýzy, reporty nebo jiné podklady

Měření a data

1. krok – 4. část

Konkurenční výhody

Pozice na trhu

Prozákaznický přístup

Definice důležitých položek

1. krok – 5. část

Newsletter

Sociální sítě

Srovnávače

Budování brandu

PPC

Marketingové kanály

1. krok – 6. část

Kapacita času měsíčně

Novinky a magazín

Poradna

Slovník pojmů

Návody a doporučení

Spolupráce s médii

S jakým obsahem bude pracováno?

Spolupráce s osobnostmi

Komunity a partneři

Eventy, výstavy, exhibice

Restrikce a omezení

1. krok – 7. část

Vyhledávání a jeho zpracování

Rozcestníky

Certifikace

...

Důležité prvky webu

1. krok – ukázka

1. krok – otázka na závěr

„Jaký je Váš názor na tuto analýzu? Není toho moc pro začátek?“

2. krok

„Už máme specifikováno, co se bude dít, jaký krok následuje?“

2. krok

2. Analýza konkurence

2. krok – častá úvaha

„Ale my svou konkurenci přesně známe!“

2. krok – otázky

Je nutná?

Co by mělo být u konkurentů sledováno?

Kolik konkurentů by mělo být prověřeno?

Jaký je vůbec očekávaný výstup?

Co se děje dále s výstupem?

2. krok – obsah analýzy

Konkurenční výhody

Kvalita služeb

Analýza webu a prezentace produktů

Možnosti dopravy a platby

Důvěryhodnost webu/společnosti

Aktivní ověření komunikace se zákazníkem

Marketingové aktivity

Na co se zaměřit?

2. krok – ukázka

2. krok – doporučený kontakt

Lenka Ptáčkoválenka.ptackova@yahoo.com

2. krok – otázka na závěr

„Myslíte si, že by pro Vás měla analýza smysl?“

3. krok

„Už máme specifikováno, co se bude dít, známe konkurenci, co teď?“

3. krok

3. Analýza klíčových slov

3. krok – častá úvaha

„Známe naše produkty a služby a víme, na jaká klíčová slova cílit.“

3. krok – častá úvaha

„My máme všechny vstupní stránky, více jich není.“

3. krok – nejčastější praktická ukázka

3. krok – otázky

Je nutná?

Jak by měla být velká? Kolik těch slov bude?

Jaká je její funkce, co dělá? Co má stanovit?

Na co vše by mělo být myšleno?

Co je výstupem?

3. krok – materiály ke studiu

Důležité články

http://vyhledavace.info/clanky/246/klasifikacni-analyza-klicovych-slov

http://www.lukaspitra.cz/co-chtit-od-analyzy-klicovych-slov/

http://www.martinmatejka.cz/analyza-klicovych-slov/

http://www.slideshare.net/PavelUngr/analza-klovch-slov

3. krok – doporučení

„Vždy doporučuji spolupracovat se specialistou, pozor na výběr.“

3. krok – otázka na závěr

„Má již někdo zkušenost s tvorbou analýzy klíčových slov?“

4. krok

„Teď už víme, na jaká klíčová slova cílit. Co přijde na řadu dále?“

4. krok

4. Návrh informační struktury

4. krok – častá úvaha

„To okopírujeme od konkurence.“

4. krok – otázky

Je nutná?

Jaká je její funkce, co dělá? Co má stanovit?

Na co vše by mělo být myšleno? Je to jen strom nebo něco více? Filtrace, tagy, kategorie magazínu?

Co je výstupem?

4. krok – ukázka

4. krok – otázka na závěr

„Myslíte si, že byste to zvládli sami?“

5. krok

„Jeden krok by mohl být časově prováděn zároveň, nebo ihned po. Víte který?“

5. krok

5. Obsahová strategie

5. krok – častá úvaha

„My obsah nepotřebujeme, máme slevy a akce.“

5. krok – otázky

Je nutná? Proč jí potřebujeme?

Na jaký obsah se má zaměřit?

Jaká je její funkce, co dělá? Co má stanovit?

Na co vše by mělo být myšleno?

Co je výstupem? Nezapomeňte na samotnou tvorbu obsahu!

5. krok – 4 základní otázky

Proč?

Kde?

Kdy?

Jak?

5. krok – 4 základní otázky

Proč? – dát návštěvníkovi něco navíc, jednodušší možnost volby, prozákaznický přístup, zajímavý obsah, možnosti sdílení...

Kde? – poradna, magazín, newsletter, sociální sítě, popisy služeb nebo produktů...

Kdy? – tvorba časové návaznosti a plánu

Jak? – text, grafické prvky, video...

5. krok – doporučený kontakt

Marcel Kupkawww.dictum.cz

Richard Dobiášwww.dobry-copywriter.cz

5. krok – otázka na závěr

„Jak hodně dokážete sami přispět?“

6. krok

„Známe obsah, strukturu, co je nyní potřeba?“

6. krok

6. Definice marketingových kanálů a specifická příprava

6. krok – častá úvaha

„Marketingové kanály? To je PPC a Facebook, že?“

6. krok – otázky

Je nutná? Proč jí potřebujeme?

Jaká je její funkce, co dělá? Co má stanovit?

Na co vše by mělo být myšleno?

Co je výstupem?

Je nutné domluvit a stanovit povolané osoby pro spolupráci, pokud tak ještě nebylo učiněno.

6. krok – obsah

Email marketing

Sociální sítě

Kontinuální konzultace SEO

PPC

Srovnávače zboží

Práce v rámci obsahového marketingu

6. krok – ukázka vlivu

„Máte Twitter nebo Facebook? Zmiňte se o této akci, tvořte obsah a hodnocení.“

6. krok – otázka na závěr

„Myslíte si, že je tento krok nutný?“

7. krok

„Známe obsah, strukturu, již se pracuje na marketingových kanálech. Co nyní?“

7. krok

7. Tvorba wireframe

7. krok – častá úvaha

„Wireframe nejsou potřeba, to udělá grafik.“

7. krok – otázky

Jsou nutné?

Jaká je jejich funkce, co dělají? Co mají stanovit?

Na co vše by mělo být myšleno?

Co je výstupem?

Jak hodně mají být podrobné?

7. krok – ukázka

7. krok – další častá úvaha

„Odevzdáte asi 4 wireframe, že? Homepage, výpis produktů, detail a podstránku.“

7. krok – otázka na závěr

„Jak hodně můžete při tvorbě wireframe pomoci?“

8. krok

„Nyní máme navržený web. Už přijde na řadu grafika?“

8. krok

8. Zadání pro grafický návrh

8. krok – častá úvaha

„Zadání není potřeba, my to grafikovi popíšeme.“

8. krok – otázky

Je nutné?

Na co vše by mělo být myšleno?

Co je výstupem?

Je totožný jako grafický manuál?

Redesign – jak moc vycházet z původního návrhu?

8. krok – otázka na závěr

„Dokázali byste se bez něj obejít a v jakém případě?“

9. krok

„Tak teď už samotná grafika?“

9. krok

9. Grafický návrh

9. krok – častá úvaha

„Na grafickém návrhu se podílí pouze grafik.“

9. krok – otázky

Jsou v této části nutné nějaké otázky?

Jaké podklady by měly být zaslány grafikovi?

Na co vše by mělo být myšleno?

Co je výstupem?

9. krok – doporučení

„Vybírejte opravdu osvědčené grafiky a nesnažte se za každou cenu ušetřit.“

9. krok – otázka na závěr

„Jak hodně můžete/máte zasahovat do grafického návrhu?“

10. krok

„Máme grafiku, co nyní?“

10. krok

10. Zadání pro developera

10. krok – častá úvaha

„Oni to nepochopí z grafického výstupu?“

10. krok – doporučení

„Už z prvních otázek a postupu práce developera poznáte, zda je kvalitní nebo nikoli.“

10. krok – otázky

Je nutné?

Na co vše by mělo být myšleno?

Co je výstupem?

Jak hodně do hloubky by měl být popis jednotlivých funkcí?

Jedná se o doplnění předimplementační analýzy?

10. krok – doporučení

„Být perfekcionista se kolikrát nevyplácí!“

10. krok – otázka na závěr

„Co Vy byste uvedli do tohoto zadání?“

11. krok

„Máme zadáno, jde se konečně programovat.“

11. krok

11. Programování a kódování

11. krok – častá úvaha

„Čím dříve to bude, tím lépe!“

11. krok – otázky

Jaký je nyní Váš úkol?

Na co vše by mělo být myšleno?

Co je výstupem?

Jak často má být developer kontrolován?

Jak má probíhat spolupráce?

11. krok – doporučení

„Vybírejte si developera jako svého partnera, nikoli pro jednorázovou zakázku.“

11. krok – otázka na závěr

„Jaké jsou Vaše zkušenosti s developery?“

12. krok

„Máme naprogramováno, rychle to rozhlásit, nebo ještě ne?“

12. krok

12. Testování

12. krok – častá úvaha

„Testování není potřeba, ten developer je hodně kvalitní!“

12. krok – otázky

Je nutné?

Na co vše by mělo být myšleno?

Co je výstupem?

Jak hodně by mělo být testováno, co a jak?

12. krok – doporučení

„Testování s jedním člověkem je lepší než žádné testování.“

12. krok – otázka na závěr

„Troufli byste si sami na testování?“

13. krok

„Máme naprogramováno, otestováno, tak teď?“

13. krok

13. Nasazení analytiky

13. krok – častá úvaha

„Ale my už jsme tam dali kód Google Analytics.“

13. krok – otázky

Je nutná?

Na co vše by mělo být myšleno?

Co je výstupem?

Jak s ní dále pracovat a vyhodnocovat?

13. krok – otázka na závěr

„Jaké jsou Vaše zkušenosti s analytikou?“

Zapomněli jsme na něco?

Tvorba person

Korektura textu

Copywriter

...napadá Vás ještě něco?

Jak proces návrhu úspěšného webu vypadá?

1. Předimplementační analýza

2. Analýza konkurence

3. Analýza klíčových slov

4. Návrh informační struktury

5. Obsahová strategie

6.Definice využití marketingovýchkanálů

7. Tvorba wireframe

8. Zadání pro grafický návrh

9. Grafický návrh

10. Zadání pro developera

11. Programování a kódování

12. Testování

13. Nasazení analytiky

Děkuji za pozornost

APPLE JUICE MEETING

Jan Kvasničkawww.kvasnickajan.czinfo@kvasnickajan.cz @Jan_Kvasnicka