Whalebone logo

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.

Marketing

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. 
whalebone-image

Řešení

  • 1. 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.

  • 2. 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. 


    Frame 1171276238

     

  • 3. Kompletní úklid a 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:
CaretDoubleUp

Bleskové načítání stránek.

ArrowSquareIn

Web je plně integrovaný s HubSpot CRM.

MagicWand

Čistý a moderní design celého webu i grafických prvků.

ChartPieSlice

Skvěle strukturovaný a přehledný Google Tag Manager.

Frame 1171276253
 S FORECOM jsme poprvé spolupracovali právě na redesignu našeho webu a jeho migraci do HubSpot CMS. Původně jsme chtěli web jen postavit na šabloně a vytvořit nějakou grafiku, ale nakonec jsme FORECOM poprosili i o vývoj custom komponent, nastavení GTM, přípravu e-mailových šablon a další grafické práce. Spolupráce byla obrovsky produktivní a probíhala v přátelském duchu. Forecom můžu jedině doporučit.
image 66

Tomáš Pospíšil

Marketing Manager, Whalebone

Whalebone-1

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. 
Kontaktujte nás Další případové studie

Spojte se s námi

Líbí se vám náš přístup a chcete s námi růst?
Velmi rádi to s Vámi probereme.