Автомобільний сайт
Огляд кейсу
Auto Site — це третє покоління одного з найбільших, найпопулярніших та найповніших автомобільних вебсайтів в Ізраїлі. Він пропонує дорожні випробування нових та вживаних автомобілів, величезний і швидкий каталог з цінами, експертні думки, порівняльні тести та висвітлення нових запусків моделей за кордоном. Платформа також містить реальні відгуки та коментарі користувачів, що дає змогу відвідувачам ділитися власним досвідом і думками про автомобілі.
Мета: Створити швидкий, керований сайт/систему з сучасним інтерфейсом користувача, мігрувавши з платформи попереднього покоління, яка працювала на застарілому UI та незручній саморобній CRM. Клієнту потрібне було сучасне рішення для покращення взаємодії користувачів, збільшення генерації лідів та спрощення управління контентом — з новим UI, високопродуктивним каталогом і пошуком статей, легшим керуванням даними, гнучким SEO-контролем і розширеною підтримкою реклами.
Основна інформація про проєкт
Галузі
Автомобільна, Медіа та Видавництво, Реклама та AdTech, Електронна комерція та Сайти оголошень, Цифровий маркетинг, Споживчі послуги
Послуги
Веб-розробка, Міграція даних, Впровадження UX/UI, Налаштування бекофісу/CMS, Рішення з управління контентом, Впровадження пошукових систем, SEO-консалтинг
Рішення
Кастомізована система пошуку та кешування, Система управління контентом, Форми генерації лідів, Система управління рекламою, Інструменти SEO-управління, Механізм перенаправлень спадщини
Технології
Umbraco V15, .NET 9.0, C#, MS SQL Server, Lucene, Vanilla JavaScript, Lit / Lit TS, TypeScript, ImageProcessor, HTML5, CSS3, RESTful APIs, Git, Розширення Umbraco Backoffice
Виклики
Міграція даних із спадщини
Передача близько 100 000 обʼєктів (виробники, моделі, роки, покоління, версії, технічні характеристики, статті, репортери, огляди, коментарі) з бази даних кастомної CRM спадщини до Umbraco.
Високопродуктивний пошук
Надання можливості швидкого, багатопараметричного пошуку по каталогу та статтях (виробник, модель, двигун, привід, категорія, ціна), придатного для використання на багатьох сторінках, а не лише на єдиній сторінці пошуку.
Досвід управління контентом
Надати редакторам зручне, чітке середовище на основі блоків для додавання автомобілів і написання статей з багаторазовими блоками контенту, інтуїтивними інструментами редагування і оптимізованим процесом публікації.
Форми генерації лідів
Створення гнучких форм для збору лідів (консультації, тест-драйви, фінансові пропозиції) з динамічною валідацією, умовною логікою та оптимізованими шляхами користувачів через кілька точок дотику.
Інтеграції з третіми сторонами
Підключення зовнішніх клієнтських сервісів для безпечного обміну даними та ефективної обробки лідів, забезпечення надійної синхронізації, масштабованих інтеграцій та послідовного потоку інформації.
Розширений SEO-контроль
Повний контроль над налаштуваннями SEO як на рівні окремого контенту, так і груп, підтримка кастомних метатегів, структурованих даних, оптимізації ключових слів та масштабованих робочих процесів управління контентом.
Централізоване управління рекламою
Гнучке централізоване рішення для управління рекламою, що дозволяє ефективно контролювати кампанії, легко оновлювати контент і забезпечувати послідовне розміщення реклами на кількох платформах.
Кросплатформна сумісність
Послідовний досвід як на десктопах, так і на мобільних пристроях, з пріоритетом мобільного перегляду для певних сторінок, що покращує швидкодію, навігацію та загальну зручність використання для всіх відвідувачів.
Відповідність вимогам доступності
Відповідність стандартам WCAG через навігацію клавіатурою, екранні рідери, ролі ARIA, управління фокусом, семантичний HTML та доступні інтерактивні компоненти по всій платформі.
Процес
Планування архітектури
Запропонували та впровадили основну архітектуру системи на основі вимог клієнта та аналізу спадкового сайту, забезпечуючи масштабованість, оптимізацію продуктивності, технічну узгодженість і безшовну інтеграцію на всіх платформах.
Дослідження даних та міграція
Здійснили реверс-інжиніринг структури старої бази даних CRM, а потім побудували імпортні канали для міграції близько 100 тис. одиниць контенту до Umbraco, забезпечуючи цілісність даних та збереження метаданих спадщини.
Розробка пошукової інфраструктури
Спроектували кастомний кешуючий шар, що поєднує індекси Lucene з гібридним кешем Umbraco для високопродуктивного багатопараметричного пошуку по масштабованих корпоративних платформах з оптимізованим часом відповіді.
Каталог та бізнес-логіка
Розробили основну логіку каталогу, що підтримує порівняння, фільтрування та ціноутворення, забезпечуючи масштабовану продуктивність по структурі продуктів з надійними можливостями пошуку.
Налаштування CMS та бекофісу
Створили кастомні розширення Umbraco бекофісу (редактори, дошки, додаткові сторінки) для дружнього до редакторів робочого процесу, який оптимізував щоденну публікацію та покращив командну співпрацю завдяки інтуїтивним рішенням.
Фронтенд-розробка
Реалізували реактивні компоненти на основі Lit, інтегрували і розширили UI, який постачав зовнішній вендор дизайну/інтерфейсу, покращуючи масштабованість, підтримуваність та забезпечуючи безшовну співпрацю між продуктовими командами по всьому світу.
Розробка функцій та доступність
Розроблено форми для генерації лідів, систему керування рекламою, SEO-контролі, інтеграції з сторонніми сервісами та функції доступності, що відповідають стандарту WCAG, забезпечуючи при цьому послідовність роботи на різних платформах (десктоп/мобільний).
Розгортання та обслуговування
Керував випусками версій, переглядав pull-запити, наставляв розробників, а також займався постійним налагодженням та оптимізацією продуктивності в складних проєктах, підвищуючи співпрацю в команді та ефективність і якість доставки.
Рішення
Ключові особливості рішення
Імпортний конвеєр для застарілих даних: Індивідуальний конвеєр для міграції застарілих даних CRM у Umbraco для виробників, моделей, статей і відгуків.
Кеш-двигун на основі Lucene: Гібридний кеш на базі Lucene, що забезпечує пошук у каталозі та статтях по всьому сайту.
Редактор контенту на основі блоків: Редактор контенту на основі блоків, який дозволяє редакторам додавати автомобілі та писати статті без технічної допомоги.
Гнучкі форми захоплення лідів: Форми для консультацій, тест-драйву та фінансування, інтегровані зі сторонніми сервісами обробки лідів.
Централізована рекламна платформа: Єдина гнучка система управління розміщенням реклами та кампаніями на кожній сторінці сайту.
Результати в цифрах
100K
Відсоток контенту, правильно орієнтованого на відповідні групи користувачів по всій платформі.
<200ms
Надійність інтегрованих API (розклади, оцінки, платежі) під робочим навантаженням.
45%
Зменшення середнього часу завантаження сторінки порівняно з попередньою платформою.
30%
Збільшення кількості заповнених форм лідів після впровадження нової гнучкої системи форм.
