Автосайт
Огляд кейсу
Auto Site — це третє покоління одного з найбільших, найпопулярніших і найкомплексніших автомобільних вебсайтів в Ізраїлі. Він пропонує дорожні тести нових і вживаних автомобілів, величезний і швидкий каталог авто з цінами, експертні думки, порівняльні тести та висвітлення запусків нових моделей за кордоном. Платформа також має відгуки та коментарі реальних користувачів, що дозволяє відвідувачам ділитися власним досвідом і думками щодо автомобілів.
Мета: Створити швидкий, керований сайт/систему з сучасним інтерфейсом користувача, мігрувавши з попередньої платформи, яка працювала на застарілому UI й незручній кастомній CRM. Клієнту потрібне було сучасне рішення для підвищення залученості користувачів, збільшення генерації лідів і спрощення управління контентом — із новим UI, високопродуктивним пошуком у каталозі та статтях, легшим керуванням даними, гнучкими SEO-налаштуваннями та розширеною підтримкою реклами.
Ключова інформація про проєкт
Індустрії
Автомобільна, Медіа та видавництво, Реклама та AdTech, Е-комерція і оголошення, Цифровий маркетинг, Споживчі послуги
Послуги
Веб-розробка, Міграція даних, Впровадження UX/UI, Налаштування Backoffice/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 і Backoffice
Створено кастомні розширення Umbraco Backoffice (редактори, дошки, додаткові сторінки) для дружнього до редакторів робочого процесу контенту, що спрощує щоденні завдання публікації і покращує співпрацю команди за допомогою інтуїтивних рішень.
Фронтенд-розробка
Реалізація реактивних компонентів на базі Lit, інтеграція та розширення UI, наданого зовнішнім дизайнером/UI-вендором, зі збереженням масштабованості, підтримуваності та безшовною співпрацею між продуктовими командами по всьому світу.
Розробка функціоналу та доступності
Розробка форм генерації лідів, системи управління рекламою, SEO-контролів, інтеграцій з третіми сторонами та функцій доступності відповідно до WCAG, забезпечення консистентності між десктопом і мобільними пристроями.
Деплоймент і підтримка
Керував випусками версій, переглядав pull-запити, наставляв розробників та займався поточним налагодженням і оптимізацією продуктивності у складних проєктах, водночас покращуючи командну співпрацю, ефективність доставки та якість.
Рішення
Ключові характеристики рішення
Пайплайн імпорту спадщини: Користувацький пайплайн для міграції даних CRM спадщини в Umbraco для виробників, моделей, статей і відгуків.
Кеш-двигун на основі Lucene: Гібридний кеш на основі Lucene, що забезпечує пошук по каталогу та статтях на сайті.
Редактор контенту на основі блоків: Редактор контенту на основі блоків, який дозволяє редакторам додавати автомобілі та писати статті без технічної допомоги.
Гнучкі форми збору лідів: Форми консультацій, тест-драйвів та фінансування, інтегровані з сторонніми сервісами обробки лідів.
Централізована рекламна платформа: Одина система для управління розміщенням реклами та кампаніями на кожній сторінці сайту.
Результати в цифрах
100K
Відсоток контенту, правильно орієнтованого на відповідні групи користувачів на всій платформі.
<200ms
Надійність інтегрованих API (розклади, класи, платежі) при робочому навантаженні.
45%
Зменшення середнього часу завантаження сторінки в порівнянні з платформою попереднього покоління.
30%
Зростання заповнень форм лідів після впровадження нової гнучкої системи форм.
