Cyberbezpieczeństwo

Redesign i development strony w HubSpot CMS

Przeczytaj studium na głos głos przeglądarki

Klient: Whalebone
Branża: Cyberbezpieczeństwo
Usługa: Redesign strony w HubSpot CMS
Status: Główna faza zakończona, współpraca trwa
Technologie: HubSpot CMSHubSpot CRMPower ProGoogle Tag ManagerGoogle Analytics

20+stron zaprojektowanych na podstawie treści od klienta

50+własnych ikon i grafik w nowym stylu marki

Podsumowanie

Whalebone, firma z branży bezpieczeństwa, po odświeżeniu marki potrzebowała nowej strony. Zaprojektowaliśmy ponad 20 stron, zbudowaliśmy witrynę w HubSpot CMS na szablonie Power Pro z własnymi modułami, stworzyliśmy ponad 50 elementów graficznych i przebudowaliśmy GTM. Strona ładuje się szybko, jest połączona z HubSpot CRM, a tracking jest przejrzysty.

Elementy designu, których szablon Power Pro nie obsługiwał, stały się własnymi modułami.
Ponad 50 ikon i grafik zgodnych z designem marki przygotowanym przez B Tým.
Uporządkowaliśmy stary GTM i ustaliliśmy jasne zasady nazewnictwa tagów i zdarzeń.

Wyzwanie

Whalebone rozpoczął redesign z zachowaniem dotychczasowego logo. Agencja odpowiedzialna za redesign przygotowała 3 główne strony jako bazę designu, a naszym zadaniem było:

Zaprojektować ponad 20 stron na podstawie treści od klienta
Zbudować stronę w HubSpot CMS na szablonie
Stworzyć ponad 50 własnych grafik i ikon
Zbudować na zamówienie kilka modułów strony
Przejrzeć stary GTM i skonfigurować nowy

Rozwiązanie

Krok po kroku

Development w HubSpot CMS na szablonie

Whalebone wybrał szablon HubSpot CMS o nazwie Power Pro. Naszym zadaniem było poznać wszystkie moduły szablonu, aby sprawnie budować nowe strony na podstawie treści klienta.

Szybko okazało się, że niektórych elementów designu dostarczonych przez klienta nie da się zrealizować w szablonie, dlatego stworzyliśmy dla nowej strony kilka własnych modułów i funkcji. Połączenie developmentu na zamówienie z szablonem pozwoliło oszczędzić czas i zapewnić, że funkcje i design spełniają oczekiwania Whalebone.

Jedynym minusem jest to, że każdy, kto chce stworzyć nową stronę, musi nauczyć się poruszać po szablonie i jego modułach, co może zająć sporo czasu.
Własne ikony i grafiki

Zgodnie z nowym designem marki przygotowanym przez B Tým stworzyliśmy ponad 50 elementów graficznych: od estetycznych ikon po szczegółowe ilustracje, które pomagają odwiedzającym łatwo poruszać się po stronie.
Porządki w GTM i nowa konfiguracja

Po latach korzystania z Google Tag Managera wielu użytkowników i agencji dodawało tagi, przez co GTM był zabałaganiony i pełen elementów o niejasnym przeznaczeniu. Redesign strony był idealną okazją, by stworzyć nową, uporządkowaną strukturę GTM.

Naszym zadaniem było przenieść niezbędne elementy, opracować nową strategię i ustalić jasne zasady nazewnictwa tagów i zdarzeń GA. Teraz każda nowa osoba łatwo zrozumie cały system.

Rezultat

Dobra strona zawsze się rozwija, ale redesign mamy za sobą i wprowadziliśmy szereg usprawnień. Oto najważniejsze korzyści:

Szybkie ładowanie strony
Strona zintegrowana z HubSpot CRM
Nowy, przejrzysty i nowoczesny design strony i jej elementów
Przejrzysty i uporządkowany Google Tag Manager

Wnioski

W naszym zespole byli programista, kilku grafików, analityk stron, ekspert HubSpot, specjalista ds. treści i project manager. Był to nasz pierwszy projekt z Whalebone, a ponieważ dostarczyliśmy świetne wyniki, z których klient był bardzo zadowolony, współpracujemy teraz na dużo większą skalę. Jesteśmy dumni z kompleksowości usług, które możemy zapewnić, i uważamy ją za naszą największą siłę.

Najczęściej zadawane pytania

Czy warto budować stronę w HubSpot CMS na gotowym szablonie?

Dla Whalebone zbudowaliśmy stronę na szablonie Power Pro i stworzyliśmy własne moduły do elementów designu, których szablon nie obsługiwał. Połączenie szablonu z pracą na zamówienie oszczędziło czas i spełniło oczekiwania klienta. Minusem jest to, że zespół musi poznać szablon i jego moduły, aby budować nowe strony.

Jak uporządkować zabałaganiony Google Tag Manager?

Podczas redesignu strony Whalebone przenieśliśmy tylko niezbędne tagi, ustaliliśmy nową strategię trackingu i wprowadziliśmy jasne zasady nazewnictwa tagów i zdarzeń GA. Teraz każda nowa osoba łatwo się w tym odnajdzie.

Co obejmuje redesign strony w HubSpot CMS?

W Whalebone obejmował projekt ponad 20 stron na podstawie dostarczonych treści, development w HubSpot CMS z własnymi modułami, ponad 50 ikon i grafik oraz nową konfigurację GTM. Strona jest zintegrowana z HubSpot CRM, a klient zamówił później u nas także szablony e-maili i kolejne grafiki.

Więcej studiów przypadków

Wszystkie studia przypadków →