Cele projektu

Podczas prac nad stroną internetową Salestube, wyznaczyliśmy kilka kluczowych celów, które miały bezpośredni wpływ na funkcjonalność i efektywność witryny. Priorytetem było spełnienie najwyższych standardów technologicznych, poprzez:

• Poprawa architektury informacji: Nowa strona powinna w sposób zrozumiały prezentować szeroką ofertę marki Salestube, dlatego przeprojektowaliśmy całą architekturę informacji, zapewniające także przejrzyste menu oraz linkowanie wewnętrznego.
• Optymalizacja procesu dodawania nowych treści: Struktura komponentów miała umożliwić szybkie tworzenie nowych sekcji strony.
• Ułatwienie zarządzania treścią: Strona miała być intuicyjna w obsłudze, aby zespół Salestube mógł sprawnie dodawać i edytować treści.
• Odświeżenie wyglądu strony: Zapewnienie nowoczesnego UX i UI, spójnego z marką Salestube.
• Przyspieszenie działania strony: Zwiększenie wydajności, aby użytkownicy mogli cieszyć się płynnym działaniem platformy.

Strategia i podejście

Pracę rozpoczęliśmy od opracowania projektu graficznego, uwzględniającego zarówno wersje desktopowe, jak i mobilne. Naszym celem było stworzenie intuicyjnego interfejsu użytkownika (UX/UI), zgodnego z najlepszymi praktykami projektowania oraz tożsamością marki Salestube.

Kolejnym krokiem było przygotowanie bazy komponentów i bloczków. Wykorzystaliśmy Tailwind, nowoczesny framework CSS, który umożliwił szybkie i efektywne projektowanie. Dzięki temu stworzyliśmy modułową strukturę strony, która pozwala na łatwe modyfikacje i dodawanie nowych elementów.

Następnie przystąpiliśmy do budowy podstawowych podstron. Dzięki elastycznej strukturze komponentów udało się stworzyć responsywne i skalowalne sekcje witryny, dostosowane do różnych urządzeń. To podejście poprawiło wydajność oraz wygodę użytkowania dla odwiedzających witrynę.

Na ostatnim etapie skupiliśmy się na przeglądzie treści pod kątem SEO. Dokładnie przeanalizowaliśmy i zoptymalizowaliśmy zawartość strony, aby poprawić jej widoczność w wynikach wyszukiwania.

Wyzwania i zastosowane rozwiązania

Migracja na Storyblok wymagała dostosowania procesów i nowego podejścia do zarządzania treścią. Kluczowym wyzwaniem była optymalizacja SEO i wydajności – wdrożyliśmy renderowanie po stronie serwera (SSR) i mechanizmy cache’owania, aby poprawić indeksację i szybkość ładowania.

Standardowe komponenty nie spełniały wszystkich wymagań, dlatego stworzyliśmy elastyczną bibliotekę modułów ułatwiających edycję treści. Migracja danych wymagała reorganizacji struktury strony, co rozwiązaliśmy za pomocą dedykowanego skryptu przenoszącego treści automatycznie.

Aby ułatwić pracę zespołu Salestube, opracowaliśmy dokumentację i przeprowadziliśmy szkolenia, zapewniając płynne wdrożenie. Stabilność i wydajność strony zabezpieczyliśmy optymalizacją kodu i testami obciążeniowymi. Regularne testy oraz dobrze zaplanowana struktura kodu pozwoliły uniknąć błędów po wdrożeniu, a przejrzysta dokumentacja ułatwia dalszy rozwój witryny.

Wdrożone integracje

W ramach projektu wdrożyliśmy kluczowe integracje, zaimplementowaliśmy Google Analytics 4, aby zapewnić zespołowi Salestube możliwość zaawansowanej analizy danych i monitorowania zachowań użytkowników na platformie. Dzięki temu można lepiej oceniać skuteczność poszczególnych sekcji witryny i podejmować świadome decyzje optymalizacyjne.

Kolejnym krokiem było wdrożenie integracji z CRM Hubspot, który umożliwił automatyzację kampanii marketingowych i usprawnił zarządzanie relacjami z klientami oraz zbieranie leadów prosto do CRM. Zintegrowane formularze kontaktowe oraz możliwości segmentacji pozwoliły zespołowi Salestube lepiej targetować komunikację i zwiększyć skuteczność działań marketingowych i sprzedażowych.