Kybernetická bezpečnost

Redesign a vývoj webu v HubSpot CMS

Whalebone je špičkou v oblasti kybernetické bezpečnosti. Vyvíjí uživatelsky přívětivá řešení, která nevyžadují žádnou instalaci a jsou ušitá na míru telekomunikačním operátorům, poskytovatelům internetu, velkým firmám i státním institucím.

Přečíst studii nahlas hlas prohlížeče

Klient: Whalebone
Obor: Kybernetická bezpečnost
Služba: Redesign webu v HubSpot CMS
Stav: Hlavní fáze dokončena, spolupráce pokračuje
Technologie: HubSpot CMSHubSpot CRMPower ProGoogle Tag ManagerGoogle Analytics

20+stránek navržených z dodaných textových podkladů

50+vlastních ikon a grafických prvků v novém vizuálním stylu

Shrnutí

Whalebone, firma z oblasti kybernetické bezpečnosti, potřeboval po redesignu značky postavit nový web. Navrhli jsme přes 20 stránek, web postavili v HubSpot CMS na šabloně Power Pro s vlastními moduly, vytvořili přes 50 grafických prvků a přenastavili GTM. Web je rychlý, napojený na HubSpot CRM a měření je přehledné.

Prvky, které šablona Power Pro nepokryla, jsme naprogramovali jako vlastní moduly.
Přes 50 ikon a ilustrací vzniklo podle vizuálního stylu agentury B Tým.
Starý GTM jsme vyčistili a zavedli jasná pravidla pro tagy a eventy.

Výzva

Whalebone se pustil do redesignu své značky s tím, že původní logo zůstane zachováno. Agentura, která měla redesign na starosti, připravila návrh 3 hlavních stránek a určila tak základní vizuální směr. Tím ale práce teprve začala. My jsme dostali na starost:

Navrhnout více než 20 stránek z dodaných textových podkladů.
Postavit a naprogramovat web v HubSpot CMS na vybrané šabloně.
Vytvořit přes 50 vlastních ikon a grafických prvků.
Naprogramovat na míru několik specifických webových modulů.
Udělat generální úklid ve starém Google Tag Manageru (GTM) a kompletně ho přenastavit.

Řešení

Postup krok za krokem

Vývoj v HubSpot CMS na šabloně

Ve Whalebone si vybrali šablonu s názvem Power Pro. Abychom dokázali z dodaných textů efektivně poskládat nové stránky, museli jsme se ze všeho nejdřív detailně seznámit se všemi jejími moduly a možnostmi.

Brzy jsme ale narazili na to, že některé dodané designové prvky do šablony prostě „nenapasujeme“. Museli jsme proto vyhrnout rukávy a několik modulů a funkcí naprogramovat úplně od nuly. Tato kombinace custom vývoje a práce se šablonou nám ušetřila spoustu času, a přitom zaručila, že web bude stoprocentně odpovídat představám klienta.

Má to jen jedinou nevýhodu – když si chce klient poskládat novou stránku sám, musí se naučit, jak šablona a její moduly fungují, což zabere trochu času.
Tvorba ikon a grafiky na míru

Podle nového vizuálního stylu, který nastavila agentura B Tým, jsme vytvořili více než 50 grafických podkladů. Od precizních ikon až po propracované ilustrace, které teď návštěvníkům webu usnadňují orientaci.
Kompletní nastavení GTM

Google Tag Manager se po letech používání a zásazích spousty lidí i agentur proměnil v nepřehledné skladiště tagů, u kterých už nikdo nevěděl, k čemu vlastně slouží. Redesign webu tak byl ideální příležitostí vzít to z gruntu.

Naším úkolem bylo přemigrovat to nejdůležitější, vymyslet novou strategii měření a zavést jasná pravidla pro pojmenovávání tagů a eventů v Google Analytics. Dneska už se v systému bez problémů zorientuje i člověk, který ho vidí poprvé.

Výsledek

Práce na dobrém webu vlastně nikdy nekončí, ale hlavní fázi redesignu jsme úspěšně dotáhli a nasadili spoustu vylepšení. Tady jsou hlavní přínosy:

Bleskové načítání stránek.
Web je plně integrovaný s HubSpot CRM.
Čistý a moderní design celého webu i grafických prvků.
Skvěle strukturovaný a přehledný Google Tag Manager.

Závěr

Na projektu se u nás podílel vývojář, několik designérů, webový analytik, specialista na HubSpot, copywriter a projektový manažer. Pro Whalebone to byla naše první zakázka, a protože klient byl z výsledku nadšený, dnes spolupracujeme v mnohem větším měřítku. Jsme hrdí na to, že dokážeme věci řešit komplexně – a věříme, že právě v tom je naše největší síla.

Časté otázky

Vyplatí se postavit web v HubSpot CMS na hotové šabloně?

U Whalebone jsme web postavili na šabloně Power Pro a prvky, které do ní nešly, jsme naprogramovali jako vlastní moduly. Kombinace šablony a custom vývoje ušetřila čas a web přitom odpovídá představám klienta. Nevýhodou je, že pro skládání nových stránek se tým musí naučit pracovat se šablonou a jejími moduly.

Jak uklidit nepřehledný Google Tag Manager?

Při redesignu webu Whalebone jsme přemigrovali jen nejdůležitější tagy, navrhli novou strategii měření a zavedli jasná pravidla pro pojmenování tagů a eventů v Google Analytics. V GTM se dnes zorientuje i člověk, který ho vidí poprvé.

Co všechno zahrnuje redesign webu v HubSpot CMS?

U Whalebone šlo o návrh přes 20 stránek z dodaných textů, vývoj v HubSpot CMS včetně vlastních modulů, přes 50 ikon a grafických prvků a nové nastavení GTM. Web je napojený na HubSpot CRM a klient nás později požádal i o e-mailové šablony a další grafiku.