{"id":163,"date":"2026-10-11T12:10:14","date_gmt":"2026-10-11T12:10:14","guid":{"rendered":"https:\/\/sdwski.com\/?post_type=project&p=163"},"modified":"2026-10-14T07:50:10","modified_gmt":"2026-10-14T07:50:10","slug":"autokaput","status":"publish","type":"project","link":"https:\/\/sdwski.com\/ua\/post\/work\/autokaput","title":{"rendered":"

Сайт евакуатора в Литві (Вільнюс) AutoKaput.LT<\/p>\n"},"content":{"rendered":"

Сайт-візитка для евакуатора, який працює у Вільнюсі, Вільнюському районі та по всій Литві. Тему для WordPress я розробив із нуля під конкретне завдання. Людина, яка потрапила в халепу на дорозі, не буде вивчати сайт. Їй потрібно за кілька секунд зрозуміти, що допомога є, і зв’язатися з нею. Уся концепція побудована навколо цього.<\/strong><\/p>

Завдання.<\/strong> Створити сайт евакуатора, на якому людина, що потрапила в халепу на дорозі, знаходить потрібне за кілька секунд. Такий клієнт часто стоїть уночі біля зламаної машини й нервує, тримаючи телефон в одній руці. Тому сайт побудований навколо двох дій: зателефонувати й повідомити, де ти перебуваєш. Усе інше на сторінці другорядне.<\/p>

Що вийшло.<\/strong> Сайт литовською мовою для евакуатора у Вільнюсі. Він працює по всьому Вільнюському району та всій Литві, цілодобово. У проєкті немає конструкторів і готових універсальних шаблонів, а також зайвого коду, тому сайт швидко відкривається навіть за слабкого мобільного інтернету.<\/p>

\"\"<\/figure>

Перший екран<\/h2>

Увесь перший екран займає фонове відео. Я створив його за допомогою ШІ на основі фотографій реального евакуатора та його машини. Фон — умовний Вільнюс: він створює образ і відразу показує, де працює компанія, хоча це не документальна зйомка. Для комп’ютера й телефона підготовлено два різні ролики: горизонтальний і вертикальний. На телефоні відео не обрізається й не розтягується. Окремий скрипт відповідає за автозапуск, оскільки мобільні браузери часто його блокують, тож відео запускається надійно.<\/p>

На першому екрані відразу видно ключові обіцянки: допомога 24\/7, ціну повідомляють до приїзду, без прихованих платежів, прибуття за 15–30 хвилин. Під ними розташовані три картки: допомога на місці (заміна колеса, доставка пального), надсилання геопозиції та перевезення автомобілів вагою до 3500 кг.<\/p>

Дві зафіксовані кнопки в мобільній версії<\/h2>

Понад 90 % клієнтів евакуатора заходять із телефона й зазвичай перебувають у стресі. Тому в мобільній версії внизу екрана завжди закріплено дві великі кнопки:<\/p>

    \n
  • «Skambinti»<\/strong> (зателефонувати) набирає номер одним дотиком;<\/li>\n\n\n\n
  • «Siųsti vietą»<\/strong> (надіслати місцезнаходження) надсилає вашу геопозицію диспетчеру.<\/li>\n<\/ul>

    Панель залишається на місці під час прокручування сторінки, у будь-якому розділі, тож кнопки не потрібно шукати. Вони розраховані на натискання великим пальцем і враховують «безпечну зону» на iPhone. Панель не перекриває футер і не залишає порожньої смуги внизу сторінки.<\/p>

    \"\"<\/figure>

    📍Надсилання геопозиції<\/h2>

    Це головна особливість проєкту. Наскільки мені відомо, інші служби евакуації в Литві такої функції не мають.<\/p>

    Клієнт часто не знає адреси<\/strong>: він перебуває на трасі, на з’їзді або в незнайомому районі. Пояснювати телефоном, де ти перебуваєш, буває довго й неточно. Натомість:<\/p>

      \n
    1. Клієнт натискає «Siųsti vietą». Браузер запитує доступ до геопозиції, і водночас відкривається коротка форма.<\/li>\n\n\n\n
    2. У формі три поля: ім’я, телефон (обов’язкове) і коментар — що сталося.<\/li>\n\n\n\n
    3. Після надсилання диспетчеру надходить лист із телефоном клієнта, коментарем, точними координатами та посиланням на Google Maps<\/strong>, за яким маршрут прокладається в один клік.<\/li>\n<\/ol>

      Навіть якщо клієнт відмовив у доступі до геопозиції або її не вдалося визначити, заявка все одно надходить з ім’ям, телефоном і коментарем. <\/strong>Надсилання не потребує SMS, месенджерів і встановлення застосунків та працює на будь-якому пристрої. Форму захищено від спаму. Для евакуатора це заощаджує час на уточненні адреси й дає змогу приїхати швидше.<\/p>

      Кнопка є не лише на мобільній панелі. Вона також розташована на головній сторінці та поруч із картою на сторінці контактів.<\/p>

      \"\"<\/figure>

      Структура сайту<\/h2>
        \n
      • Головна<\/strong> — hero-відео, переваги, блок послуг (допомога на місці, допомога важкому транспорту, перевезення до 3500 кг), «Як це відбувається» у три кроки, поширені запитання, відгуки, останні статті блогу та великі кнопки «зателефонувати».<\/li>\n\n\n\n
      • Фотогалерея<\/strong> — роботи та автомобілі евакуатора.<\/li>\n\n\n\n
      • Контакти<\/strong> — реквізити, форма зворотного зв’язку, карта й територія обслуговування.<\/li>\n\n\n\n
      • Блог<\/strong> — статті з корисними порадами, які сприяють SEO.<\/li>\n<\/ul>

        Додатково: адаптивна верстка для всіх екранів, плавні анімації, закріплена шапка, прелоадер, вікно згоди на використання cookie відповідно до вимог ЄС \/ GDPR.<\/p>

        Багатомовність і SEO<\/h2>

        Оригінальна мова сайту — литовська: його створювали для литовського ринку. Але компанія має клієнтів, які розмовляють іншими мовами, тому створено окремі версії на російській, англійській та польській мовах<\/strong>. Кожною з цих мов також можна отримати обслуговування.<\/p>

        Це не просто «перекладач у кутку». Кожна версія має власну адресу й індексується Google окремо<\/strong>. Людина бачить у пошуковій видачі ту мовну версію, яка відповідає її запиту й мові браузера, і знаходить евакуатор звичною для неї мовою.<\/p>

        Переклад організовано так:<\/p>

          \n
        • основний контент сайту перекладено за допомогою потужної моделі GPT-5, тому він звучить якісно;<\/li>\n\n\n\n
        • нові статті блогу перекладаються автоматично через Azure Translate<\/strong>. Він безкоштовний, якість перекладу середня, але вартість обслуговування нульова.<\/li>\n<\/ul>

          Запуск сайту в пошуку та реклама<\/h2>

          Оскільки сайт новий, я підготував для нього повний пакет підключення до Google:<\/p>

            \n
          • Google Analytics<\/strong> — статистика відвідувачів і джерел звернень;<\/li>\n\n\n\n
          • XML-карта сайту<\/strong> і підключення до Google Search Console<\/strong> — сайт додано до пошукової видачі, індексацію можна відстежувати;<\/li>\n\n\n\n
          • тег Google<\/strong> для відстеження рекламних кампаній Google Ads<\/strong>;<\/li>\n\n\n\n
          • ведення профілю компанії в Google Business Profile<\/strong> (він теж сприяє отриманню заявок).<\/li>\n<\/ul>

            Технології<\/h2>

            WordPress, власна авторська тема на HTML, CSS, JavaScript і PHP, без конструкторів. Тема надсилає дані захищеним каналом, листи надходять через стандартну поштову систему WordPress. Для перекладу підключено власний плагін перемикання мов.<\/p>\n","protected":false},"excerpt":{"rendered":"

            Сайт-візитівка для евакуатора, який працює у Вільнюсі, Вільнюському районі та по всій Литві. Тему для WordPress я розробив з нуля під конкретне завдання. Людина, яка потрапила в халепу на дорозі, не вивчатиме сайт. Їй потрібно за кілька секунд зрозуміти, що допомога є, і зв’язатися з нею. Уся концепція побудована навколо цього. Завдання. Створити сайт евакуатора, на […]<\/p>\n","protected":false},"featured_media":266,"menu_order":0,"template":"","meta":{"plinth_client":"AutoKaput, UAB (\u041b\u0438\u0442\u0432\u0430)","plinth_year":"2026","plinth_lang":"Lietuvi\u0173","plinth_timeline":"2 \u043d\u0435\u0434\u0435\u043b\u0438","plinth_video":"https:\/\/sdwski.com\/files\/autokaput-gorisont.mp4","plinth_poster":"https:\/\/sdwski.com\/wp-content\/uploads\/2026\/10\/6666-9-52.webp","plinth_url":"https:\/\/autokaput.lt\/","plinth_support":"1","plinth_budget":"start"},"project_type":[],"class_list":["post-163","project","type-project","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/project\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/media\/266"}],"wp:attachment":[{"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"project_type","embeddable":true,"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/project_type?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}