Jak neztratit brand při tvorbě webu?
•Als PPTX, PDF herunterladen•
0 gefällt mir•1,118 views
Máte vytvořený brandmanuál, archetyp značky, popis persóny a spoustu dalších informací, ale také zápasíte s jejich aplikací do praxe a promítnutí do webu? Tuto situaci řešíme často s klienty a v rámci prezentace představím příklady a ukázky z praxe. Od velkých společností, které mají jasná pravidla, přes obecné, těžce uchopitelné archetypy kouzelníka až po startupové společnosti, které svůj brand teprve definují. Výstupem prezentace budou tipy, co si jako firma máte pohlídat, abyste neztratili brand při tvorbě webu. Více na: https://www.aitom.cz/co-je-noveho/triky-jak-budovat-brand-online
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie Jak neztratit brand při tvorbě webu?
Ähnlich wie Jak neztratit brand při tvorbě webu? (20)
Mehr von AITOM Digital s.r.o.
Mehr von AITOM Digital s.r.o. (8)
Jak neztratit brand při tvorbě webu?
- 1. Jak neztratit brand při tvorbě webu? Daniel Musil AITOM Digital s.r.o.
- 2. Příběh
- 3. Pro začátek Brand Texty, obsah Mluva Grafika (foto, design, …) A další… Oblékání Kde a jak se projevujeme Web je vaše výkladní skříň, váš obchodník
- 4. 3 klíčové body Výběr agentury 1 2 3 Zadání Realizace
- 5. Jak poznat, zda agentura umí aplikovat brand do webu? A) Ví, že by to měla dělat – ptá se! B) Reference 1. Výběr agentury
- 6. 2. Zadání (tvorba a ujasnění) Rozdělení do kategorií: - Nemám nic - Mám grafický manuál - Mám styleguide - Mám strategii značky
- 7. 3. Realizace - Nehodnotit líbí/nelíbí! - Vybrat si 3-4 nejdůležitější body a k těm se vracet - Ptát se agentury
- 8. Case Studies Nemáme nic, chceme web Potřebujeme sjednotit Máme styleguide Máme jasnou představu, udělejte to Máme vše připraveno, tady to máte Pozor na chyby, nejednotu! - - - - - -
- 9. Kovojuza Nemáme nic, chceme web. - Situace: Nemáte definován brand, ani to nepotřebujete, logo by se hodilo a chcete mít web jako vizitku. - Průběh: Tvorba loga, definování barev, fontů v návrhu webu v souladu s cíli společnosti. - Řešení: Pořád je třeba myslet na jednotnost. Ideální je, abyste alespoň základní grafický manuál udělali (případně vaše agentura).
- 10. Jihočeská univerzita - Situace: Chceme web, nemáme styleguide. - Průběh: Z podstaty projektu je potřeba vše sjednotit (pro budoucí projekty) před samotnou realizací. Tvorba styleguide. - Řešení: Nechte si nejprve vytvořit Strategii značky a styleguide, pak až řešte web.
- 14. LeasePlan - Situace: Spousta materiálů a potřebují být všude jednotní. Mají styleguide. - Průběh: Pracujeme podle styleguide, hlídáme použité prvky, aby odpovídaly. - Řešení: Pokud máte vypracovaný styleguide, najděte firmu, která podle něj bude pracovat. Kontrola. Vhodné pro velké firmy, sjednocení všech materiálů vč. webu.
- 15. LeasePlan
- 16. LeasePlan
- 17. - Situace: Začínající firma, představa o brandu, hledá „dělníka“. - Průběh: Návrh webu na základě cílů, nekopírovat slepě „brand“. - Řešení: Je potřeba pořád myslet na přínos webu, výsledky podnikání a představu korigovat. Chardé Máme jasnou představu, udělejte to.
- 18. Chardé
- 19. - Situace: Pomocí expertů a hodin sezení máte vytvořenou strategii značky, najdete si agenturu a dokument jí předáte. - Průběh: Nestačí předat, potřebovali jsme pochopit, co se pod tím skrývá. Konzultace, doptávání se klienta, zákazníků, apod. - Řešení: Vyhradit si čas na konzultace s agenturou, pokud se agentura nedoptává, nebrat ji. WAMAG Mám vše připraveno, tady to máte...
- 20. WAMAG
- 21. Fuski Pozor na chyby, nejednotu! Značky Voxx, Boma, Lonka
- 22. Proč se řeší brand? Výsledky!
- 23. Jak neztratit brand při tvorbě webu? 1. Vyberte agenturu, která umí s brandem pracovat k dosahování cílů a doptává se. 2. Vytvořte správné zadání pro agenturu dle vaší situace a buďte ochotní s agenturou konzultovat a dovysvětlovat. 3. Při realizaci porovnávejte web s 3-4 klíčovými body ze strategie značky, ptejte se agentury, jak je aplikovala.
- 24. Děkuji za pozornost. Dotazy rád zodpovím. www.aitom.cz www.vstupnistudie.cz daniel.musil@aitom.cz +420 778 412 370
Hinweis der Redaktion
- Představení – Daniel Musil, konzultant v AITOMu Začnu příběhem … představte si, že jdete po ulici a vidíte tohoto mladého muže s rodinou. Co si o něm na první pohled pomyslíte? Jak chce asi na lidi působit? A co o sobě říká svým zevnějškem? Řeknete si, že vypadá jako milý chlápek, tak ho půjdete pozdravit. A najednou z ničeho nic na Vás začne mluvit sprostě, bude se na Vás povyšovat a bude křičet. Jaký z toho budete mít dojem? Co si o té situaci budete myslet? Pravděpodobně budete zmatení, nebudete chápat, jaktože se chová jinak, než byste očekávali. Proč to tak je? Nesoulad mezi tím jak chce působit a jak komunikuje. Proč o tom mluvím? Tato analogie je podobná tomu, co zažíváme někdy s weby. Firma má dokonalou strategii značky, ale pokud se brand nepromítne do webu, tak návštěvníci budou zmatení a nebudou důvěřiví. A o tom je mé téma – Jak neztratit brand při tvorbě webu. Budu mluvit z pohledu klienta.
- Nejsem expert na tvorbu Brandu, jsme webová agentura, děláme weby a online marketing a setkáváme se s tím, že je potřeba brand promítnout do online aktivit. Web je Vaše výkladní skřín, Váš obchodník na internetu. Do brandu patří spousta věcí (viz obrázek), ale do webu se promítnou grafikou (fotky, logo, design) a texty (obsah, forma). Cílem prezentace je ukázat pár tipů z praxe a věřím, že se každý z Vás zařadí do některé kategorie.
- Klíčové prvky, které můžete jako klient ovlivnit a na co si dát pozor. 1) Výběr agentury 2) Zadání 3) Realizace
- Jak poznat, jestli agentura umí aplikovat brand do webu? Ví, že by to měla dělat – tzn. doptává se, zjišťuje, snaží se pochopit jak Vaši značku komunikujete Reference – doptat se na pár referenčních webů a co mají představovat ohledně brandu, jak to tam konkrétně aplikovali
- Rozdělení firem – ne klasicky malá střední velká, ale podle stavu jejich brandových materiálů: Nemám nic – připravte si na tvorbu webu více času a peněz, budete potřebovat definovat s agenturou alespoň základy při konzultacích Mám grafický manuál – tj. definované písma, barvy, logo a použití. Lepší než nic, budou také nutné konzultace a agentura může udělat revizi (např. jestli definované barvy opravdu vyjadřují, jak chcete působit). Zde může také patřit StyleGUIDE – posány použité prvky na webu, ukázky kódů, možnosti tlačítek, formulářů, apod. Mám strartegii značky – jedno jak tomu kdo říká (brandmanuál, masterbrief, brandbook, apod.). Důležit, že máte stanovené hodnoty, např. archetypy, tonalitu komunikace, apod.
- Co můžete jako klient ovlivnit ještě při samotné realizaci? Nehodnotit Líbí/Nelíbí! – značka není logo Vybrat si 3-4 nejdůležitější body a k těm se vracet – např. jsme hraví Ptát se agentury – Kde jste hravost použili na webu? Jak jste to implementovali? Jsou tyto texty dostatečně hravé? Apod. Vy jako klient nemusíte vědět, JAK to udělat, ale potřebujete od agentury dostat odpověď, JAK je to ve Vašem webu zapracované. Nyní přejdu ke Case Studies.
- Situace: Nemáte definován brand, ani to nepotřebujete, logo by se hodilo a chcete mít na webu vizitku Řešení: Pořád je potřeba řešit nějakou jednotnost. Pokud nemáte profesionálně zpracovaný brandmanuál, webová agentura Vám může pomoci udělat logo, barvy, fonty a alespoň tyto základy . Ideální je, aby alespoň základní grafický manuál udělali. Jinak až si budou dělat vizitky, nebo ceduli na dveře, bude to nejednotný. Stálo by za to zmínit některé z nástrojů, které stáhnout z CSS logo, barvy, použité fonty (tak si může každý vytvořit úplně jednoduchý manuál) Potřebuje logo Styl písma Barvy Hlavně v souladu s cíli!
- Někdy se stane, že firma chce web a nemá vše definováno (a někdy si ani neuvědomuje tu potřebu jednotného působení) – typicky škola a fakulty. Každá se stará o svůj web sama, apod. Tady je potřeba, aby agentura řekla klientovi, že si má nejprve vypracovat a definovat strategii značky (nebo alespoň grafický manuál) a styleguide, jinak weby nebudou nikdy jednotné. Situace: Firma nemá definovanou jednotnou tvář, ví, že to potřebují, mají to vymyšlené, ale nemají sepsané. Řeší např. více dodavatelů na různé weby, dělají tender, apod. Řešení: Nechte si vytvořit brandmanuál a styleguide - tím to sjednotíte Pozn. Spousta webů Většinou pokaždé řeší web někdo jiný (typicky školy, pobočky, apod.) Je potřeba nejprve sjednotit tvorbou StyleGuide, poté až řešit ostatní weby
- Tady jsme klientovi tvořili StyleGuide, aby podle něj mohl nechat vyrobit weby svých fakult. Např. zaoblené rohy u tlačítek nebudou, budou vždy hranaté, apod.
- Pokud se pak weby nevyvíjí podle StyleGudie, nedrží jednotný tón, jednotný brand. Např. JCU a web fakulty JCU.
- Pokud se pak weby vyvíjí podle StyleGudie, drží jednotný tón, jednotný brand. Např. JCU a web fakulty JCU.
- Situace: Mají spoustu materiálů a potřebují všude působit jednotně. Mají vypracovaný StyleGuide Průběh: Pracujeme podle StyleGuide, hlídáme použité prvky, aby byly podle toho. Řešení: Pokud máte vypracovaný StyleGuide, najděte firmu, která podle něj bude pracovat. Vhodné pro velké firmy, sjednocení všech materiálů vč. webu. Máte na to rozpočet. Zkontrolovat, že agentura pracuje podle styleguide, můžete už z prvních návrhů a kdykoliv v průběhu tvorby webu.
- Ukázka StyleGuide a jak to pak vypadá na webu. – zajistit starší styleGuide a ukázku webu?
- Ukázka StyleGuide a jak to pak vypadá na webu. – zajistit starší styleGuide a ukázku webu?
- Situace: Jste začínající firma, máte jasnou představu o svém brandu a jak má web podle toho vypadat, hledáte pouze někoho, kdo to vyrobí. Průběh: příběh komunikace s Charde. To že Vaše značka má být tajemná, dobrodružná a ženy ji mají postupně objevovat neznamená, že takový má být i web . Brand se řeší kvůli tomu, aby si vás lidé pamatovali a abyste měli výsledky Řešení: Je potřeba pořád myslet na přínos webu, výsledky podnikání a představu korigovat. Můžete to, prosím, víc popsat? To by mohl být zajímavý moment – chápu to tak, že říkáte, že by se nadefinovaná značka neměla projevit v tom, jak web vypadá a funguje? Představu o čem? Pozn: př. Charde - nová značka na trhu, klient si najal agenturu na pomoc s názvem, brandingem, pozicování na trhu, logem, apod. a my jsme měli být ti, co “pouze” udělají web podle představ klienta/agentury. Po první schůzce jsme pochopili, že jejich cílem je přivádět kosmetičky na školení. Tomu jsme uzpůsobili návrh webu. Ale marketingová agentura stále trvala na tom, že to má být vzdušné, aby se ženy v tom webu začetli, aby to prozkoumávali, apod. Zároveň my víme, jak fungují weby a jaké má klient cíle. Tak jsme museli pořád kontrolovat, jestli návrhy plní cíle, tj. přivádět kosmetičky na školení. - pozor, abyste se brandu nedrželi za každou cenu na úkor funkčnosti (tj. výsledků) (př. značka hravá, zvídavá - neznamená, že udělám z webu bludiště
- př. Charde - nová značka na trhu, klient si najal agenturu na pomoc s názvem, brandingem, pozicování na trhu, logem, apod. a my jsme měli být ti, co “pouze” udělají web podle představ klienta/agentury. Po první schůzce jsme pochopili, že jejich cílem je přivádět kosmetičky na školení. Tomu jsme uzpůsobili návrh webu. Ale marketingová agentura stále trvala na tom, že to má být vzdušné, aby se ženy v tom webu začetli, aby to prozkoumávali, apod. Zároveň my víme, jak fungují weby a jaké má klient cíle. Tak jsme museli pořád kontrolovat, jestli návrhy plní cíle, tj. přivádět kosmetičky na školení. - pozor, abyste se brandu nedrželi za každou cenu na úkor funkčnosti (tj. výsledků) (př. značka hravá, zvídavá - neznamená, že udělám z webu bludiště
- Situace: Možná jste menší firma, přemýšlíte, jak se profilovat. Pomocí expertů na brand si po několika hodinových sezeních definujete brand a máte hotový brandmanuál (u Wamagu Masterbrief). Průběh: Klient nám předal dokument a měl definované archetypy kouzelník, vládce . Jak to promítneme do webu? Nestačí dokument předat, my jsme u jednání nebyli, takže potřebujeme pochopit, co si pod tím máme představit. My se ptáme klienta a jeho zákazníků, oni nám vysvětlují. Např. vládce je důvěryhodný, zkušený. Na web to nestačí napsat - můžeme např. použít reálné fotky zaměstnanců do týmu, ukázat celou výrobu, proces vývoje, apod. Jsme firma udávající trendy, lídr v oboru a máme profesionální techniky- dát jejich články na web, uvést je jako autory Řešení: Vyčlenit si čas a konzultovat s webovou firmou. Pozn. Pozn. kouzelník - jak to chcete uchopit? Jak promítnout do webu, aby to plnilo tu danou funkci? My jsme to řešili tak, že jsme konzultovali s klientem jejich obchodní proces, co potřebují z webu získat, atd. a pak jsme zvedli telefon a volali jejich zákazníkům, jak je vnímají, co se jim na jejich práci líbí, jak fungují, co by doporučili, podle čeho se rozhodli si je vybrat, apod. Tyto informace spojíme do návrhu webu - aby splnil to co zákazníci očekávají a zároveň respektoval to, co bylo řečeno v masterbriefu Klient má vypracovaný brandmanuál, tonalitu značky, pojmenované své archetypy, apod. Strávil na tomto hodiny času, přijde za agenturou a řekne – tady to máte, podle toho pracujte Jak jsme se s tím vypořádali? Rozdíl mezi StyleGuide a MasterBriefem
- Viz. příklad ze začátku prezentace. Krásná mikrostránka, designová, po prokliku člověk dojde na e-shop, který vypadá úplně jinak. Nyní se řeší nový design e-shopu.
- Důležité si uvědomit, proč se vlastně řeší web? Je to kvůli výsledkům a nemělo by se na to zapomínat.
- 1) Vyberte agenturu, která umí s brandem pracovat k dosahování cílů a doptává se na věci 2) Vytvořte správné zadání pro agenturu dle Vaší situace a buďte ochotní s agenturou konzultovat a dovysvětlovat 3) Při realizaci porovnávejte web s 3-4 klíčovými body z Brandmanuálu, ptejte se agentury, jak je aplikovala
- Díky za pozornost. Dotazy – na co půjde odpovědět stručně a budu vědět hned. Zbytek o přestávce.