Aktualizacja portalu Sitecore oraz optymalizacja UX dla Instant Offices

Głównym wyzwaniem Instant Offices była transformacja ze zwykłego serwisu CMS w szybki, stabilny i nastawiony na konwersję produkt cyfrowy. Co kluczowe – cały proces musiał odbyć się „na żywym organizmie”, bez jakichkolwiek przestojów w działaniu serwisu.

Najważniejsze wyzwania projektu:

• Aktualizacja Sitecore (z v7 do v10): Wymagała przeprowadzenia stopniowego upgrade’u przy jednoczesnym zachowaniu autorskich modyfikacji i braku przerw w działaniu serwisu.
• Odświeżenie UX/UI: Strona główna, wyszukiwarka, filtry, karty obiektów oraz panel konta wymagały gruntownej przebudowy, aby usprawnić ścieżki użytkowników.
• Brak panelu dla klientów: Użytkownicy nie mieli strefy samoobsługowej, w której mogliby wygodnie sprawdzić status złożonych zapytań.
• Integracja z CRM i OAuth: Wdrożenie nowego modułu konta wymagało połączenia z wewnętrznym CRM-em klienta oraz stworzenia dedykowanego mechanizmu autoryzacji OAuth.
• Spadek wydajności: Duża ilość multimediów, zewnętrznych skryptów i rozbudowane oferty spowalniały ładowanie stron, co negatywnie wpływało na konwersję.
• Niewystarczający monitoring: Brakowało narzędzi pozwalających szybko wykrywać awarie na produkcji i reagować np. na ataki DDoS.
• Wielojęzyczność bez fragmentacji: Platforma musiała sprawnie obsługiwać 5 wersji językowych (w tym warianty brytyjski i amerykański) na jednej, spójnej architekturze.
• Podejście Data-Driven: Wszelkie zmiany w interfejsie musiały być poparte wynikami testów A/B, a nie tylko przypuszczeniami.

Zamiast pisać platformę od zera i ryzykować przestoje w serwisie, Instant Offices postawiło na ewolucję. Dołączyliśmy do projektu jako stały partner odpowiedzialny za stopniową modernizację środowiska Sitecore.

Przejęliśmy pełny rozwój systemu: od aktualizacji samego silnika i przebudowy UX/UI, po integracje z CRM, optymalizację pod SEO, poprawę wydajności i ciągły monitoring produkcji.

Modernizacja platformy Sitecore

Przez ponad 6 lat współpracy przeprowadziliśmy płynną aktualizację platformy Sitecore z wersji 7 do 10. Zachowaliśmy całą dotychczasową logikę biznesową, dbając o bezpieczeństwo i łatwość utrzymania systemu.

Dodatkowo, aby przyspieszyć prace nad interfejsem, nasz zespół rozpoczął migrację starszych stron do technologii React. Takie etapowe podejście pozwoliło klientowi unowocześnić platformę bez przerw w działaniu biznesu i konieczności przepisywania wszystkiego od nowa.

Przeprojektowanie UX/UI oraz usprawnienia ukierunkowane na konwersję

Znaczna część projektu skupiała się na usprawnieniu sposobu, w jaki użytkownicy wyszukują, oceniają i zapytują o elastyczne przestrzenie robocze.

Firma SaM Solutions przeprojektowała i ulepszyła kluczowe obszary platformy, w tym:

• stronę główną, w tym główny punkt wyszukiwania oraz proces wyrażania zgody na pliki cookie;
• strony szczegółowe przestrzeni roboczych, z ulepszoną architekturą informacji, prezentacją galerii zdjęć, opisem cech przestrzeni roboczych oraz wezwaniami do działania;
• filtry wyszukiwania i listy wyników, dzięki którym wyszukiwanie przestrzeni roboczych stało się bardziej przejrzyste i łatwiejsze;
• niestandardowy widok mapy oparty na Google Maps z grupowaniem przestrzeni roboczych za pomocą pinezek oraz włączanymi punktami zainteresowania;
• strony statyczne i informacyjne, w tym strony poświęcone karierze, zespołowi i ofertom;
• procesy szybkiej wyceny i składania zapytań;
• ścieżki zapytań na urządzeniach mobilnych, dzięki którym obszerne informacje o przestrzeniach roboczych są łatwiejsze do odczytania, nawigacji i przesłania z mniejszych ekranów.

Nowe ścieżki użytkownika skróciły drogę od wyszukiwania do złożenia zapytania. Jednocześnie dały one zespołowi produktowemu solidną bazę do testowania nowych pomysłów i stałej optymalizacji.

Sekcja „Moje konto” i integracja z systemem CRM

Stworzyliśmy panel „Moje konto”, który pozwala użytkownikom śledzić losy ich zapytań o przestrzeń roboczą. Połączyliśmy interfejs użytkownika z systemem CRM klienta za pomocą niestandardowej autoryzacji OAuth. W efekcie powstał bezpieczny moduł samoobsługowy, który zapewnia pełny wgląd w proces zamówienia po złożeniu wniosku.

Nowe funkcje dotyczące ofert i przestrzeni roboczych

Zespół wsparł również rozwój produktu, dodając do platformy nowe funkcje oparte na danych, w tym:

• obsługę otwartych ofert pozagiełdowych;
• integrację danych dotyczących zrównoważonego rozwoju;
• status przestrzeni roboczej „wkrótce dostępne”;
• integrację danych zewnętrznych dotyczących atrybutów przestrzeni roboczych.

Usprawnienia pozwoliły lepiej zaprezentować przestrzenie robocze i wzbogacić samą treść ofert. W efekcie użytkownicy szybciej dostają dane, których naprawdę potrzebują podczas szukania.

Inżynieria wydajności i niezawodności

Przeprowadziliśmy optymalizację wydajności dla kilkudziesięciu kluczowych stron i widoków. Usunęliśmy wycieki pamięci, pozbyliśmy się zduplikowanego kodu i przyspieszyliśmy algorytmy. Poprawiliśmy też skalowanie grafik i obsługę zewnętrznych żądań, co skróciło czas ładowania i podniosło stabilność.

Żeby mieć pewność co do efektów, podłączyliśmy New Relic do monitoringu i JMetera do testów. Zapewniliśmy też bieżący nadzór nad produkcją i wsparcie przy atakach DDoS.

SEO i obsługa wielojęzyczna

Firma SaM Solutions pomogła zachować i poprawić widoczność w wynikach wyszukiwania podczas przebudowy stron, aktualizacji i zmian platformy.

Prace związane z SEO obejmowały:

• poprawę struktury mapy witryny;
• optymalizację organizacji treści na stronach;
• wdrożenie strategii przekierowań w celu zachowania wartości SEO;
• dodanie bloków FAQ na kluczowych stronach w celu obsługi długich zapytań wyszukiwania;
• utrzymanie obsługi treści wielojęzycznych w językach angielskim, amerykańskim angielskim, francuskim, niemieckim i hiszpańskim.

Platforma nadal obsługiwała wiele rynków w ramach jednej architektury, pomagając klientowi uniknąć niepotrzebnego powielania treści przy jednoczesnym dostarczaniu treści zlokalizowanych.

Testy A/B i eksperymenty

Firma SaM Solutions ujednoliciła proces testów A/B opartych na platformie Optimizely w zakresie zmian UX i UI, umożliwiając klientowi weryfikację usprawnień w oparciu o rzeczywiste zachowania użytkowników przed ich szerszym wdrożeniem. Podejście to zastosowano w kluczowych obszarach konwersji, w tym na stronie głównej, stronach szczegółowych przestrzeni roboczych, w wykazach, filtrach, mapach, funkcji „Quick Quote” oraz w procesach składania zapytań na urządzeniach mobilnych.

Dzięki długoterminowej współpracy firma Instant Offices przekształciła swoją stronę internetową opartą na platformie Sitecore w bardziej stabilny, szybszy i lepiej zorientowany na konwersję produkt cyfrowy.

Firma SaM Solutions skróciła czas ładowania strony w 95. percentylu z około 8,5 sekundy do 3,5 sekundy na dziesiątkach kluczowych stron i w różnych scenariuszach wyświetlania ofert. Oznacza to około 59-procentowe skrócenie czasu ładowania strony, zmierzonego za pomocą narzędzia JMeter.

Platforma zyskała również lepszą widoczność operacyjną dzięki ustrukturyzowanemu monitorowaniu i raportowaniu wydajności za pomocą narzędzi New Relic i JMeter. Dało to klientowi lepszy wgląd w zachowanie środowiska produkcyjnego, wydajność stron oraz wzorce występowania incydentów.

Najważniejsze wyniki obejmowały:

• Szybsze działanie stron: czas ładowania w 95. percentylu skrócił się z około 8,5 sekundy do 3,5 sekundy w kluczowych scenariuszach dotyczących stron i ofert.
• Ulepszone ścieżki konwersji: przeprojektowano i zoptymalizowano wyszukiwanie na stronie głównej, strony szczegółowe przestrzeni roboczych, oferty, filtry, mapy, funkcję „Quick Quote” oraz procesy składania zapytań na urządzeniach mobilnych.
• Wdrażanie produktów poddane testom A/B: zmiany w zakresie UX i UI zostały zweryfikowane za pomocą eksperymentów w Optimizely przed szerszym wdrożeniem.
• Długoterminowa stabilność: Przez ponad 6 lat przeprowadziliśmy platformę przez trzy duże aktualizacje Sitecore — bez konieczności stawiania systemu od nowa.
• Panel „Moje konto”: Użytkownicy zyskali możliwość łatwego podglądu zapytań i śledzenia ich statusu w czasie rzeczywistym.
• Więcej danych w ofertach: Dodaliśmy obsługę ofert pozarynkowych, informacji o zrównoważonym rozwoju oraz oznaczenia „wkrótce dostępne”.
• Lepsza widoczność środowiska produkcyjnego: monitorowanie za pomocą New Relic oraz raportowanie w JMeter poprawiły śledzenie wydajności i reagowanie na incydenty.
• Obsługa wielu rynków: Jedna architektura platformy nadal bez problemu obsługuje treści w kilku językach — angielskim (w wersji brytyjskiej i amerykańskiej), francuskim, niemieckim i hiszpańskim.
• Nowoczesny interfejs: Stopniowa migracja do Reacta dała solidną bazę pod dalszy rozwój UX i sprawne wprowadzanie zmian w wyglądzie serwisu.

Współpraca pomogła firmie Instant Offices w dalszym ulepszaniu jej produktu cyfrowego, przy jednoczesnym utrzymaniu działającej platformy i zapewnieniu jej gotowości do dalszego rozwoju biznesowego.