Jak neztratit brand při tvorbě webu?
Report
AITOM Digital s.r.o.Follow
Mar. 21, 2016•0 likes•1,114 views
Jak neztratit brand při tvorbě webu?
Mar. 21, 2016•0 likes•1,114 views
Download to read offline
Report
Marketing
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
AITOM Digital s.r.o.Follow
Recommended
Jak nevyhodit čas a peníze při redesignu webuAITOM Digital s.r.o.
10 tipů, jak může e-shop budovat svou značkuLovebrand
12 zkušeností s marketingem ze 3 eshopů s módou (oblečením) | RobertNemec.comRobertNemec.com
Aby Hochbranding neodradil malou firmu od budování silné značky | BrandstormingLovebrand
Proč vám procesy a zaměstnanci získají více zákazníků než reklama - RobertNem...RobertNemec.com
Výzkum: Tvorba a řízení značek v Česku v roce 2016Lovebrand
More Related Content
What's hot
Jak se stát lovebrandem?Lovebrand
Jak si stanovit brand media strategy, která Vás odliší od konkurence a vydělá...RobertNemec.com
Marketingový workshop: Představení: Krutiš (www.krutis.com)Michal Krutiš
Jak vytvářet marketingové persony – Robert NěmecRobertNemec.com
Případová studie: Využití multikanálového marketingu | RobertNemec.comRobertNemec.com
Startup prezentace (BizIT)Lukas Hrdlicka
Similar to Jak neztratit brand při tvorbě webu?
StartupClub: Úvod do webdesignu (Jan Řezáč)JIC
Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...Taste
Project Restart 2023: Petr Bernadič - Jak komunikovat projekt, za který zákaz...Taste
Prezentace - plánování webuBrilo Team
Web jako součást obchodního procesuAITOM Digital s.r.o.
Petr Hovorka / BrandBakers - Employer Branding WorkshopPetr Hovorka
More from AITOM Digital s.r.o.
Zdravý selský rozum v UX a testování webuAITOM Digital s.r.o.
Jak snížit chybovost webových projektůAITOM Digital s.r.o.
Infografika: Sociální sítě vedou nad zpravodajstvímAITOM Digital s.r.o.
Infografika: Jak se připojujeme?AITOM Digital s.r.o.
Infografika: Periodická tabulka webuAITOM Digital s.r.o.
(Ne)nechte ze sebe dělat "blbce" při vývoji webuAITOM Digital s.r.o.
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.
- 11. Jihočeská univerzita
- 12. Jihočeská univerzita
- 13. Jihočeská univerzita
- 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
Editor's Notes
- 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.