Auto site
Przegląd przypadku
Auto Site to trzecia generacja jednej z największych, najpopularniejszych i najpełniejszych witryn motoryzacyjnych w Izraelu. Oferuje testy drogowe nowych i używanych pojazdów, ogromny i szybki katalog samochodów z cenami, opinie ekspertów, testy porównawcze oraz relacje z premier nowych modeli zagranicą. Platforma zawiera także prawdziwe recenzje i komentarze użytkowników, pozwalając odwiedzającym dzielić się własnymi doświadczeniami i opiniami o pojazdach.
Cel: Stworzyć szybki, łatwy w zarządzaniu serwis/system z nowoczesnym interfejsem użytkownika, migrowany z platformy poprzedniej generacji działającej na przestarzałym UI i niewygodnym, niestandardowym CRM. Klient potrzebował nowoczesnego rozwiązania poprawiającego zaangażowanie użytkowników, zwiększającego generowanie leadów i ułatwiającego zarządzanie treściami — z nowym UI, szybką wyszukiwarką katalogu i artykułów, prostszym zarządzaniem danymi, elastyczną kontrolą SEO i zaawansowanym wsparciem reklamowym.
Kluczowe informacje o projekcie
Branże
Motoryzacja, Media i Wydawnictwa, Reklama i AdTech, E-commerce i Ogłoszenia, Marketing cyfrowy, Usługi dla konsumentów
Usługi
Tworzenie stron internetowych, Migracja danych, Implementacja UX/UI, Personalizacja Backoffice/CMS, Rozwiązania do zarządzania treścią, Implementacja wyszukiwarek, Konsultacje SEO
Rozwiązania
Niestandardowy system wyszukiwania i buforowania, System zarządzania treścią, Formularze generowania leadów, System zarządzania reklamami, Narzędzia do zarządzania SEO, Mechanizm przekierowań dla systemów legacy
Technologie
Umbraco V15, .NET 9.0, C#, MS SQL Server, Lucene, Vanilla JavaScript, Lit / Lit TS, TypeScript, ImageProcessor, HTML5, CSS3, RESTful APIs, Git, Rozszerzenia backoffice Umbraco
Wyzwania
Migracja danych legacy
Przeniesienie około 100 000 pozycji (producentów, modeli, roczników, generacji, wersji, specyfikacji technicznych, artykułów, dziennikarzy, recenzji, komentarzy) z bazy danych niestandardowego, legacy CRM do Umbraco.
Wysokowydajne wyszukiwanie
Umożliwienie szybkiego, wieloparametrowego wyszukiwania w katalogu i artykułach (producent, model, silnik, zakres napędu, kategoria, cena) stosowanego na wielu stronach, nie tylko na pojedynczej stronie wyszukiwania.
Doświadczenie w zarządzaniu treścią
Zapewnienie redaktorom wygodnego, przejrzystego środowiska opartego na blokach do dodawania samochodów i pisania artykułów z użyciem wielokrotnego użytku bloków treści, intuicyjnych narzędzi edycyjnych i usprawnionych procesów publikacji.
Formularze generowania leadów
Tworzenie elastycznych formularzy do pozyskiwania leadów (konsultacje, jazdy testowe, oferty finansowania), z dynamiczną weryfikacją, logiką warunkową i zoptymalizowanymi ścieżkami użytkownika na wielu punktach kontaktu.
Integracje z zewnętrznymi systemami
Łączenie zewnętrznych usług klienta w celu bezpiecznej wymiany danych i efektywnego przetwarzania leadów, zapewniając niezawodną synchronizację, skalowalne integracje i spójny przepływ informacji.
Zaawansowana kontrola SEO
Pełna kontrola ustawień SEO zarówno na poziomie pojedynczych treści, jak i grup, wspierająca niestandardowe meta tagi, strukturalne dane, optymalizację słów kluczowych i skalowalne procesy zarządzania treścią.
Centralne zarządzanie reklamami
Elastyczne, scentralizowane rozwiązanie do zarządzania reklamami umożliwiające efektywną kontrolę kampanii, płynne aktualizacje treści i spójne reklamy na wielu platformach.
Kompatybilność międzyplatformowa
Spójne doświadczenie na komputerach stacjonarnych i urządzeniach mobilnych, z priorytetowym traktowaniem mobilnym na wybranych stronach, poprawiające responsywność, nawigację i ogólną użyteczność dla wszystkich odwiedzających.
Zgodność z wymogami dostępności
Spełnianie standardów WCAG poprzez obsługę nawigacji za pomocą klawiatury, czytników ekranu, ról ARIA, zarządzania fokusowaniem, semantycznego HTML i dostępnych komponentów interaktywnych na całej platformie.
Proces
Planowanie architektury
Zaproponowano i wdrożono podstawową architekturę systemu opartą na wymaganiach klienta i analizie starej strony, zapewniając skalowalność, optymalizację wydajności, spójność techniczną i bezproblemową integrację na wszystkich platformach.
Analiza danych i migracja
Odwrotne inżynierowanie struktury starej bazy CRM, następnie stworzenie importowych pipeline’ów do migracji około 100 tys. elementów treści do Umbraco, przy zachowaniu integralności danych i metadanych legacy.
Budowa infrastruktury wyszukiwania
Zaprojektowano niestandardową warstwę buforowania łączącą indeksy Lucene z hybrydowym cache Umbraco dla wysokowydajnego, wieloparametrowego wyszukiwania na skalowalnych platformach korporacyjnych z optymalizacją czasów odpowiedzi.
Logika katalogu i biznesowa
Opracowano podstawową logikę katalogu wspierającą porównania, filtrowanie i wycenę, zapewniając skalowalną wydajność na strukturach danych produktów z niezawodną funkcją wyszukiwania.
Personalizacja CMS i Backoffice
Stworzono niestandardowe rozszerzenia backoffice Umbraco (edytory, panele, dodatkowe strony) dla przyjaznego redaktorom workflow, usprawniając codzienne zadania publikacji i poprawiając współpracę zespołową poprzez intuicyjne rozwiązania.
Rozwój frontendu
Wdrożono komponenty reaktywne oparte na Lit, integrując i rozszerzając UI dostarczane przez zewnętrznego dostawcę design/UI przy jednoczesnym poprawianiu skalowalności, utrzymywalności i zapewnianiu płynnej współpracy zespołów produktowych na całym świecie.
Rozszerzanie funkcji i dostępność
Opracowano formularze generujące leady, system zarządzania reklamami, kontrolę SEO, integracje z firmami trzecimi oraz funkcje dostępności zgodne z WCAG, zapewniając jednocześnie spójność między platformami (desktop/mobilne).
Wdrożenie i utrzymanie
Zarządzanie wersjami wydań, przeglądanie pull requestów, mentoring programistów oraz bieżące debugowanie i optymalizacja wydajności w złożonych projektach, poprawiając współpracę zespołową oraz efektywność i jakość dostaw.
Rozwiązania
Kluczowe cechy rozwiązania
Pipeline importu danych z systemów legacy: Niestandardowy pipeline migrujący dane z legacy CRM do Umbraco dla producentów, modeli, artykułów i recenzji.
Silnik pamięci podręcznej oparty na Lucene: Hybrydowa pamięć podręczna oparta na Lucene umożliwiająca wyszukiwanie katalogów i artykułów na całej stronie.
Blokowy edytor treści: Blokowy edytor treści umożliwiający redaktorom dodawanie samochodów i pisanie artykułów bez pomocy technicznej.
Elastyczne formularze zbierania leadów: Formularze konsultacji, jazdy próbnej i finansowania zintegrowane z usługami przetwarzania leadów firm trzecich.
Zcentralizowana platforma reklamowa: Jeden, elastyczny system do zarządzania reklamami i kampaniami na każdej stronie serwisu.
Wyniki w liczbach
100K
Procent treści prawidłowo skierowanych do właściwych grup użytkowników na całej platformie.
<200ms
Niezawodność zintegrowanych API (harmonogramy, oceny, płatności) pod obciążeniem produkcyjnym.
45%
Zmniejszenie średniego czasu ładowania strony w porównaniu z poprzednią generacją platformy.
30%
Wzrost liczby wypełnionych formularzy leadów po wprowadzeniu nowego elastycznego systemu formularzy.
