Kiberbiztonság

Weboldal újratervezése és fejlesztése HubSpot CMS-ben

Esettanulmány felolvasása a böngésző hangja

Ügyfél: Whalebone
Iparág: Kiberbiztonság
Szolgáltatás: Weboldal újratervezése HubSpot CMS-ben
Állapot: A fő fázis kész, az együttműködés folytatódik
Technológia: HubSpot CMSHubSpot CRMPower ProGoogle Tag ManagerGoogle Analytics

20+oldal megtervezve az ügyfél által adott tartalom alapján

50+egyedi ikon és grafika az új márkastílusban

Összefoglaló

A biztonsági cég Whalebone-nak a márka újratervezése után új weboldalra volt szüksége. Több mint 20 oldalt terveztünk meg, az oldalt HubSpot CMS-ben, a Power Pro sablonra építettük egyedi modulokkal, több mint 50 grafikai elemet készítettünk, és újraépítettük a GTM-et. Az oldal gyorsan tölt be, kapcsolódik a HubSpot CRM-hez, és a mérés átlátható.

A Power Pro sablon által nem kezelhető design-elemekből egyedi modulok lettek.
Több mint 50 ikon és kép követi a B Tým által kialakított márkadesignt.
Rendbe tettük a régi GTM-et, és világos elnevezési szabályokat vezettünk be a tagekre és eseményekre.

Kihívás

A Whalebone az eredeti logó megtartása mellett kezdett bele az újratervezésbe. Az újratervezésért felelős ügynökség 3 fő oldalt készített el a design alapjaként, a mi feladatunk pedig a következő volt:

Több mint 20 oldal megtervezése az ügyfél által adott tartalom alapján
A weboldal fejlesztése HubSpot CMS-ben, sablon használatával
Több mint 50 egyedi kép és ikon elkészítése
Több webes modul egyedi fejlesztése
A régi GTM átvizsgálása és új GTM beállítása

A megoldás

Lépésről lépésre

Fejlesztés HubSpot CMS-ben sablon használatával

A Whalebone a Power Pro nevű HubSpot CMS sablont választotta. A feladatunk az volt, hogy megismerjük a sablon összes modulját, és hatékonyan készítsünk új oldalakat az ügyfél tartalma alapján.

Hamar kiderült, hogy az ügyféltől kapott design-elemek egy része a sablonon belül nem valósítható meg, ezért több egyedi modult és funkciót fejlesztettünk az új weboldalhoz. Az egyedi fejlesztés és a sablon együttes használata időt takarított meg, miközben a funkciók és a design megfeleltek a Whalebone elvárásainak.

Az egyetlen hátrány, hogy aki új oldalt szeretne létrehozni, annak meg kell tanulnia eligazodni a sablonban és moduljaiban, ami elég időigényes lehet.
Egyedi ikonok és képek készítése

A B Tým által kialakított új márkadesign alapján több mint 50 grafikai elemet készítettünk. Ezek a szép ikonoktól a részletes képekig terjednek, és segítenek a látogatóknak könnyen eligazodni a weboldalon.
A GTM rendbetétele és új beállítása

A Google Tag Manager évekig tartó használata során számos felhasználó és ügynökség adott hozzá tageket, így a GTM zsúfolt lett, tele olyan elemekkel, amelyeknek nem volt egyértelmű a célja. A weboldal újratervezése tökéletes alkalom volt egy friss, rendezett GTM-struktúra kialakítására.

A feladatunk a lényeges elemek migrálása, új stratégia kidolgozása, valamint a tagekre és GA-eseményekre vonatkozó világos elnevezési konvenciók bevezetése volt. Ma bárki, aki újonnan kerül a rendszerhez, könnyen megérti.

Eredmény

Egy jó weboldal sosincs teljesen kész, de az újratervezést befejeztük, és számos fejlesztést hajtottunk végre. A legfontosabb előnyök:

Gyors betöltés
A HubSpot CRM-hez kapcsolt weboldal
Új, letisztult és modern design a weboldalon és elemein
Átlátható és strukturált Google Tag Manager

Összegzés

Csapatunkban egy fejlesztő, több designer, egy webanalitikus, egy HubSpot-szakértő, egy tartalomspecialista és egy projektmenedzser dolgozott. Ez volt az első projektünk a Whalebone-nal, és mivel kiváló eredményeket értünk el, amelyekkel az ügyfél nagyon elégedett volt, ma már jóval nagyobb léptékben dolgozunk együtt. Büszkék vagyunk arra, hogy szolgáltatásaink ennyire átfogóak lehetnek, és úgy gondoljuk, ez a legnagyobb erősségünk.

Gyakori kérdések

Megéri kész sablonra építeni egy HubSpot CMS weboldalt?

A Whalebone oldalát a Power Pro sablonra építettük, és egyedi modulokat fejlesztettünk azokhoz a design-elemekhez, amelyeket a sablon nem tudott kezelni. A sablon és az egyedi fejlesztés kombinációja időt takarított meg, miközben teljesítette az ügyfél elvárásait. Hátránya, hogy új oldalak építéséhez a csapatnak meg kell tanulnia a sablont és moduljait.

Hogyan tehető rendbe egy zsúfolt Google Tag Manager?

A Whalebone weboldalának újratervezése során csak a lényeges tageket migráltuk, új mérési stratégiát állítottunk fel, és világos elnevezési szabályokat vezettünk be a tagekre és a GA-eseményekre. Ma bárki, aki újonnan kerül a rendszerhez, eligazodik benne.

Mit tartalmaz egy weboldal újratervezése HubSpot CMS-ben?

A Whalebone esetében ez több mint 20 oldal megtervezését jelentette a kapott tartalom alapján, HubSpot CMS-fejlesztést egyedi modulokkal, több mint 50 ikont és grafikát, valamint új GTM-beállítást. Az oldal a HubSpot CRM-hez kapcsolódik, az ügyfél pedig később e-mail-sablonokat és további grafikákat is kért tőlünk.