Огляд
BEKAS LOGISTICS, митний брокер та експедитор із Києва, працює з 1998 року і щомісяця привозить в Україну понад 150 авто з аукціонів США. Корпоративний сайт компанії ми вже перебудували. Тепер знадобилася окрема сторінка для однієї аудиторії: приватних покупців, які хочуть авто зі США під ключ. Bekas підбирає авто, перевіряє його, купує на аукціоні, страхує, доставляє, розмитнює і передає власнику. Сторінка client.bekaslogistics.com.ua продає саме цю послугу.
Виклик
Корпоративний сайт звертається одночасно до імпортерів, дилерів і B2B-партнерів. Приватному покупцю доводиться шукати на ньому ту єдину послугу, яка йому потрібна. Клієнт хотів одну сторінку, яка перетворює трафік із реклами та пошуку на заявки. Вона мала бути насамперед українською, з англійською версією, і жити окремо від основного сайту та його CMS. Більшість сторінок про авто зі США ховають кінцеву ціну і зібрані на важких конструкторах. Тому умови ціни тут мали бути сказані прямо: кінцева ціна зафіксована в договорі, усі оплати офіційні. А сама сторінка мала швидко відкриватися на телефоні, звідки приходить більшість рекламного трафіку.
Рішення
Ми спроєктували і зібрали сторінку як невеликий статичний сайт на Astro з Tailwind CSS 4. Вона працює на власному субдомені, тож Bekas може змінювати її, не чіпаючи корпоративний сайт на Next.js і Payload. Корпоративний сайт темний. Ця сторінка світла, із зеленим акцентом, бо тут читач обирає авто для себе. Сторінка віддається як статичний HTML з мінімумом JavaScript, тому Total Blocking Time дорівнює 0 мс і на телефоні, і на комп'ютері. SEO було частиною розробки. Обидві мовні версії мають hreflang і x-default. На сторінці є JSON-LD для Organization з поштовою адресою, Service та FAQPage. Title і description написані під запит «авто зі США під ключ». Шрифт один, змінний Overpass, із font-display: swap, тож текст видно ще до того, як завантажиться файл шрифту.
Ключові можливості
- PageSpeed Insights (26 жовтня 2026) дає 100 у всіх чотирьох категоріях і на мобільному, і на комп'ютері.
- На мобільному перший контент з'являється за 1,0 с, найбільший елемент за 1,2 с, CLS 0,025. На комп'ютері це 0,3 с, 0,4 с і 0.
- Форма заявки стоїть на першому екрані, а внизу є другий заклик: дізнатися, скільки коштуватиме авто під ключ.
- Процес покупки розписаний на сім кроків, від консультації та підбору до супроводу після доставки.
- Чотири картки гарантій пояснюють договір із кожним клієнтом, перевірку історії авто, зафіксовану ціну та страхування.
- Сім причин працювати з Bekas написані як короткі прості твердження.
- Блок «нещодавно привезені» показує реальні авто (Nissan Rogue S, Infiniti QX50, Jeep Renegade Latitude) поруч із відеовідгуками з YouTube-каналу компанії.
- Структуровані дані охоплюють Organization з адресою, Service і FAQPage на чотири питання, тож пропозицію читають і Google, і AI-пошук.
Результат
Лендинг вийшов за один тиждень на client.bekaslogistics.com.ua українською та англійською. PageSpeed Insights показує 100 у кожній категорії на телефоні й комп'ютері, час блокування 0 мс. Сторінка повністю читається без JavaScript, що допомагає і пошуковим роботам, і людям із повільним мобільним інтернетом. Тепер у Bekas є сторінка для приватних покупців, куди можна вести рекламний трафік окремо від корпоративного сайту. Дилерський лендинг на partners.bekaslogistics.com.ua зібраний на тому самому стеку.