Redesign și dezvoltare de site în HubSpot CMS
- Client
- Whalebone
- Industrie
- Securitate cibernetică
- Serviciu
- Redesign de site în HubSpot CMS
- Stare
- Faza principală finalizată, colaborarea continuă
- Tehnologie
- HubSpot CMSHubSpot CRMPower ProGoogle Tag ManagerGoogle Analytics
Rezumat
Whalebone, o companie de securitate, avea nevoie de un site nou după redesignul brandului. Am proiectat peste 20 de pagini, am construit site-ul în HubSpot CMS pe template-ul Power Pro cu module personalizate, am creat peste 50 de elemente grafice și am refăcut GTM. Site-ul se încarcă rapid, este conectat la HubSpot CRM, iar tracking-ul este clar.
- Elementele de design pe care template-ul Power Pro nu le putea gestiona au devenit module personalizate.
- Peste 50 de iconițe și imagini urmează designul de brand creat de B Tým.
- Am făcut ordine în vechiul GTM și am stabilit reguli clare de denumire pentru tag-uri și evenimente.
Provocarea
Whalebone a început lucrul la noul redesign păstrând logoul original. Agenția responsabilă de redesign a pregătit 3 pagini principale ca bază pentru design, iar sarcina noastră a fost să:
- Proiectăm peste 20 de pagini pe baza conținutului oferit de client
- Dezvoltăm site-ul în HubSpot CMS folosind un template
- Creăm peste 50 de imagini și iconițe personalizate
- Dezvoltăm mai multe module web personalizate
- Revizuim vechiul GTM și configurăm unul nou
Pas cu pas
-
Dezvoltare în HubSpot CMS pe baza unui template
Whalebone a ales template-ul HubSpot CMS numit Power Pro. Misiunea noastră a fost să cunoaștem toate modulele template-ului, pentru a construi eficient pagini noi pe baza conținutului clientului.
Am descoperit repede că anumite elemente de design primite de la client nu puteau fi realizate în template, așa că am dezvoltat mai multe module și funcționalități personalizate pentru noul site. Combinația dintre dezvoltarea personalizată și template ne-a ajutat să economisim timp, cu funcționalitate și design pe măsura așteptărilor Whalebone.
Singurul dezavantaj este că oricine vrea să creeze o pagină nouă trebuie să învețe cum funcționează template-ul și modulele lui, ceea ce poate dura destul de mult. -
Crearea de iconițe și imagini personalizate
Pornind de la noul design de brand creat de B Tým, am realizat peste 50 de elemente grafice. Acestea merg de la iconițe atractive până la imagini detaliate care îi ajută pe vizitatori să se orienteze ușor pe site.
-
Curățarea GTM și configurația nouă
După ani de utilizare a Google Tag Manager, numeroși utilizatori și agenții adăugaseră tag-uri, iar rezultatul era un GTM aglomerat, plin de elemente cu scop neclar. Redesignul site-ului a fost ocazia perfectă pentru o structură GTM nouă și ordonată.
Sarcina noastră a fost să migrăm elementele esențiale, să dezvoltăm o strategie nouă și să stabilim convenții clare de denumire pentru tag-uri și evenimentele GA. Acum, oricine ajunge nou în sistem îl înțelege ușor.
Rezultatul
Un site bun nu este niciodată complet terminat, dar am finalizat redesignul și am adus o serie de îmbunătățiri. Iată principalele beneficii:
-
Site cu încărcare rapidă
-
Site integrat cu HubSpot CRM
-
Design nou, clar și modern pentru site și elementele lui
-
Google Tag Manager clar și bine structurat
Prima noastră colaborare cu agenția FORECOM a fost redesignul site-ului și migrarea lui în HubSpot CMS. Inițial voiam doar să construim site-ul pe un template și să creăm imagini personalizate, dar în final am cerut FORECOM să dezvolte și componente personalizate, să configureze GTM, să pregătească șabloane de email și să realizeze grafică suplimentară. Colaborarea a fost foarte productivă și prietenoasă, recomand Forecom.
Concluzie
Echipa noastră a inclus un developer, mai mulți designeri, un analist web, un expert HubSpot, un specialist în conținut și un project manager. A fost primul nostru proiect cu Whalebone și, pentru că am livrat rezultate foarte bune, apreciate de client, acum lucrăm împreună la o scară mult mai mare. Suntem mândri de gama completă de servicii pe care o putem oferi și credem că acesta este cel mai mare atu al nostru.
Întrebări frecvente
Merită să construiești un site HubSpot CMS pe un template gata făcut?
Pentru Whalebone am construit site-ul pe template-ul Power Pro și am dezvoltat module personalizate pentru elementele de design pe care acesta nu le putea gestiona. Combinarea template-ului cu dezvoltarea personalizată a economisit timp și a răspuns așteptărilor clientului. Compromisul este că echipa trebuie să învețe template-ul și modulele lui pentru a construi pagini noi.
Cum faci ordine într-un Google Tag Manager aglomerat?
În timpul redesignului site-ului Whalebone am migrat doar tag-urile esențiale, am stabilit o nouă strategie de tracking și am introdus reguli clare de denumire pentru tag-uri și evenimentele GA. Acum oricine ajunge nou în configurație se orientează ușor.
Ce include redesignul unui site în HubSpot CMS?
Pentru Whalebone a inclus designul a peste 20 de pagini pe baza conținutului primit, dezvoltare în HubSpot CMS cu module personalizate, peste 50 de iconițe și grafice și o configurație GTM nouă. Site-ul este integrat cu HubSpot CRM, iar ulterior clientul ne-a cerut și șabloane de email și grafică suplimentară.