Studium przypadku

Rozwój strony
i bieżące wsparcie
dla Xpel

Klient

Xpel

Przemysł

Oprogramowanie

ZAPROJEKTOWANY PRZEZ BS LLC

Zaangażowanie odbiorców dzięki dobremu UX

Przejrzysta struktura i atrakcyjna grafika

Płynne animacje i przewijanie

Zwiększenie komfortu użytkowania

Zoptymalizowane czasy ładowania

Ikony, obrazy i inne zasoby wizualne ładują się szybko i płynnie.

Integracja z Salesforce

uproszczenie zarządzania klientami

Projekt responsywny

działa płynnie na wszystkich urządzeniach i rozmiarach ekranu

Przegląd klientów

Kiedy XPEL, firma zajmująca się ochroną i dostosowywaniem oprogramowania, postanowiła ulepszyć swoją obecność w Internecie, cel był jasny: elegancka, wydajna strona internetowa, która nie tylko świetnie wyglądała, ale działała bez wysiłku za kulisami.

Klient dostarczył projekt, a my podjęliśmy się wyzwania, aby go ożywić dzięki płynnym animacjom, płynnej integracji i solidnej wydajności.

Wyzwanie:
wydajna strona internetowa z inteligentnym zarządzaniem potencjalnymi klientami

XPEL potrzebował strony internetowej, która nie tylko prezentowałaby ich produkty premium – musiała aktywnie angażować odwiedzających i ułatwiać nawigację po ich ofercie. Oto, czego potrzebowali:

Projekt z animacjami i płynnym przewijaniem
Stopniowe wdrażanie zapewnia płynne przejście i realizację na najwyższym poziomie
Integracja z Salesforce w celu śledzenia i zarządzania potencjalnymi klientami

Mając na uwadze te priorytety, stworzyliśmy plan krok po kroku, aby urzeczywistnić cyfrową wizję XPEL.

Wizja:
strona internetowa z płynnym doświadczeniem cyfrowym

Animacje GSAP i płynne przewijanie

zwiększenie interaktywności i komfortu użytkowania

Integracja z Salesforce

Usprawnia śledzenie klientów

Modułowa architektura komponentów

umożliwiając łatwiejszą konserwację strony internetowej

Inteligentniejsza obsługa obrazów

Obrazy ładują się najpierw w niskiej jakości, a następnie przełączają się na wysoką, zwiększając szybkość i wrażenia.

Jak realizowaliśmy naszą strategię rozwoju

Rozwój strony głównej

Pierwszym kamieniem milowym było stworzenie strony głównej, która nadawałaby ton całej witrynie.

Wykorzystano animacje GSAP i płynne przewijanie, aby uczynić doświadczenie płynnym i wciągającym.
Responsywny układ został zbudowany przy użyciu SCSS.
Node.js i Webpack zostały wykorzystane do efektywnego zarządzania zasobami i optymalizacji wydajności.

Integracja z blogiem i Salesforce

Po uruchomieniu strony głównej skupiliśmy się na dodaniu dynamicznej sekcji bloga i połączeniu jej z SalesForce w celu lepszego zarządzania potencjalnymi klientami.

Zbudowaliśmy niestandardowy system blogów przy użyciu wtyczki Advanced Custom Fields (ACF).
System newslettera został zintegrowany z SalesForce.
SalesForce został skonfigurowany do automatycznego zbierania i przechowywania zapisów do newslettera.

Dodatkowe strony i ostateczne ulepszenia

W końcowym etapie wdrożyliśmy resztę witryny, upewniając się, że wszystko wygląda i działa spójnie.

Interaktywne elementy obsługiwane przez JavaScript (ES6+) dodały głębi i zaangażowania.
Formularze kontaktowe zostały skonfigurowane do wysyłania zgłoszeń bezpośrednio do XPEL za pośrednictwem poczty elektronicznej.