Jak přežít. redesign obsahu obřího Slajdy z přednášky doplněné o stručné komentáře :) WebTop

Transkript

1 Jak přežít redesign obsahu obřího WebTop Slajdy z přednášky doplněné o stručné komentáře :)

2 ČSOB po 9 letech opustila starý web.

3 Odrážkové peklo takový byl design původního obsahu. * 2006

4 Nový design je vzdušnější a responzivní. Na HP je méně odkazů a jen to nejdůležitější pro klienty (kromě bannerů ). * 2015

5 Produktová stránka je teď mnohem více strukturovaná * 2015

6 Nejviditelnější část zahrnuje největší výhody, použití, CTA

7 Interest Attention Desire Nový, design, struktura, ale tradiční koncept (AIDA). Action

8 Vše o produktu na jednom místě V dolní části jsme naopak doplňovali spoustu detailů jaký je postup, jaké dokumenty jsou potřeba, termíny atp. Také se tu dozvíte, kolik produkt stojí a už nemusíte chodit do centrálního PDFka nebo velké tabulky.

9 A tohle je největší obsahová inovace. Nejspíš jako jediná banka v ČR teď ČSOB klade na stejnou úroveň produktovou cestu a obsah, který na první pohled nic neprodává = potřeby.

10 Najdete tu řešení životních situací pomocí interaktivních kalkulaček, map, checklistů, tipů, článků, vzorů smluv a dalšího obsahu.

11 11 měsíců práce To se týká copywritingu. Celý projekt redesignu csob.cz trval ještě o něco déle.

12 5+ agentur My jsme měli na starosti copywriting. Kromě nás, Dobrého webu, pracovaly na dalších částech projektu také Trask, Motion, Accenture a určitě další.

13 Přibližně tolik normostran pro copywriting v češtině to byl objem textů pro vaši představu stránek na copywriting

14 17 věcí, které musíte vědět o řízení velkého copywritingu Následují zkušenosti nejen z projektu csob.cz. Vše vyzkoušeno na vlastní kůži.

15 Proces 1 Co, kam, jak, kdy, s kým, za kolik Nastavte postup, jak se co nejjednodušeji a nejrychleji dostat od vstupu ke kvalitnímu výstupu i při velkém objemu práce.

16

17

18

19

20 Copywriteři 2 Zručnost, rychlost, vytrvalost

21 Potřebujete copywritery, kteří se do toho umí obout mají dobrou techniku, styl a jsou rychlí bez zbytečných kudrlinek na efekt. Tady nejde vymýšlet slogan půl dne.

22 Nacenění 3 Zapomeňte na normostrany jednou pro vždy Copywriting nejde počítat na počet slov! Někdy potřebujete text delší, někdy kratší, přidat či ubrat, zjistit další informace

23 Normostrany se hodí snad jen pro korektury a překlady, kde je zadání pevnější. Z normostran nedostanete kvalitní CW jako kdybyste platili grafikům za kliky myší.

24 IA Základ pro všechnu práci. Jde o výběr informací, jejich posloupnost a propojení. Co máte, co nemáte a co (ne)použijete. 4 Informační architektura je základ

25 Srdce projektu. Potřebujete sledovat, kolik toho je, co zbývá, stav, termíny, zdroje atd. ČSOB nahradilo mnoho tisíc stránek několika málo stovkami. Struktura webu je ale jen jednou částí IA!

26 Produkty Důležité jsou nákupní cesty, uživatelské scénáře. Účty a platby Produkty Účet

27 Produkty Jakou situaci chci vyřešit? Účty a platby Produkty Chci pomoci během studia Účet Ke klasické produktové přibyla cesta podle situace uživatele.

28 IA by měla řešit i výběr a strukturu informací na podstránkách a v jednotlivých komponentách. Nesmí být ale v opozici vůči reálnému obsahu a potřebám uživatelů.

29 Design 5 Co je dřív: Design, nebo obsah?

30 Nevytvářejte wireframy a prototypy bez reálného obsahu. Tady bude obsah

31 1 IA Content 2 Náš běžný postup při menším projektu. Design

32 1 2 IA Design 3 Content V případě většího projektu to může běžet takto, ale důležitá je ta poslední šipka: IA a design se znovu upravují podle reálného obsahu!

33 Takhle dopadne IA a design bez reálného obsahu.

34 Takhle se IA a design se změní, když zapojíte reálný obsah. To je OK, když s tím dopředu počítáte.

35 Vzor 6 Navrhněte typové stránky, spusťte něco menšího Na začátku vytváříme vzorový obsah, který nám pomáhá se odpíchnout dál (rozcestníky, produktové stránky )

36 Někdy něco může vyzkoušet a spustit dříve. U ČSOB to byl miniweb korporátního bankovnictví.

37 Testy 7 Nechte zákazníky otestovat prototyp s ostrými texty

38 Ověřujte své nápady s klienty. Nechte je projít hlavní nákupní cesty.

39 1 2 IA Design 4 3 Test Content A tak nám tu přibyl ještě jeden krok. IA, design a obsah ověřte s uživateli a výsledky proměňte ve zlepšení všech tří oblastí.

40 Hlavouni :-) 8 Zapojte rozhodovatele včas Máte první výstupy. Proto zapojte lidi, kteří rozhodují. Pokud to neuděláte včas, později můžete litovat.

41 9 Zadání Teď posílám, co tady mám, zbytek příště

42

43 Zadavatel Produktový manažer Copywriter Obsahový stratég Faktické informace o produktu Výběr prodejních argumentů + styl komunikace Tady někdy dochází k nedorozumění. Vyjasněte si úkoly. Nechte copywritery, aby mohli promluvit i do výběru prodejních argumentů produktu. Vždyť celé dny nedělají nic jiného, tak proč toho nevyužít!

44 Připomínky 10 Hrajte jen na 2 výměny: 1x revize, 1x finále Zkraťte proces připomínkování. A trvejte na tom.

45 Prostředí 11 Revize ve Wordu jsou strašákem Málokdo si umí ve Wordu představit, jak budou vypadat texty online.

46 A co je ještě důležitější: nikdo nemá rád, když mu přeškrtnete text. Ve Wordu zbytečně pracují emoce a zablokujete se.

47 Schvalování 12 Osobní schůzky stojí za to (někdy) Během 20 minut osobně vyřešíte to, na co vám v ech nestačí týden

48 připomínkovacích schůzek se ale musí zúčastnit co nejméně lidí. Ideálně jen copywriter + zadavatel, případně také ten, kdo texty rovnou upraví online na prostředí.

49 Styleguide 13 Dodržujte styl! Čím víc textů a termínů máte, tím víc je náročnější udržet konzistenci. Řešením je interní styleguide.

50 Pár příkladů, co nám pomáhalo při psaní.

51 Srozumitelnost pojmů Cashback Exkluzivní konto Image karta Vypořádat se musíte i s pojmy, jejichž význam nemusí být všem jasný. Bezkontaktní nálepka Konsolidace Plán pro život, Rodinný balíček Debetní x kreditní karta

52 Podobný slovníček nám pomáhal udržet konzistenci překladů.

53 Některé struktury obsahu se opakují (např. jak něco udělat ). Je důležité tyto vzory včas rozpoznat, zaznamenat a dodržovat

54 předchozí vzor v praxi.

55 Korektura 14 Více očí více vidí Copywriting není korektura.

56 Nejzábavnější chyba, kterou jsme udělali.

57 Lokalizace 15 Rodilí mluvčí jsou nezbytní Překlad nestačí texty by se měly přizpůsobit prostředí klienta. Překladatelé navíc obvykle nejsou copywriteři. My jsme používali překladatelské agentury a jejich texty ještě procházely editací našich rodilých Američanek žijících v ČR.

58 Změny 16 Realita projektu bývá vždycky trochu jiná Zkuste předjímat, kde by se mohlo něco pokazit, zdržet. A buďte připraveni. Většina projektových plánů je ideálních, ne reálných.

59 A co pak? 17 Tvorba obsahu nikdy nekončí. Kdo ho bude vyhodnocovat, spravovat, mazat a rozvíjet ve stejné nebo lepší kvalitě?

60 Podrobněji Proces copywritingu pro velké projekty ke stažení v PDF: bit.ly/cw-proces

61 Obrázky: Surian Soosay