{"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\/by\/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
  • «Патэлефанаваць»<\/strong> (патэлефанаваць) набірае нумар адным дотыкам;<\/li>\n\n\n\n
  • «Адправіць месцазнаходжанне»<\/strong> (адправіць месцазнаходжанне) адпраўляе вашу геапазіцыю дыспетчару.<\/li>\n<\/ul>

    Панэль застаецца на месцы пры пракручванні старонкі ў любой секцыі, таму кнопкі не трэба шукаць. Яны зроблены пад вялікі палец і ўлічваюць «бяспечную зону» на iPhone. Панэль не перакрывае футар і не пакідае пустой паласы ўнізе старонкі.<\/p>

    \"\"<\/figure>

    📍Адпраўка геапазіцыі<\/h2>

    Гэта галоўная асаблівасць праекта. Наколькі мне вядома, іншыя эвакуатары ў Літве такой функцыі не маюць.<\/p>

    Кліент часта не ведае адраса<\/strong>: ён на трасе, на з'ездзе або ў чужым раёне. Тлумачыць па тэлефоне, дзе ты знаходзішся, бывае доўга і недакладна. Замест гэтага:<\/p>

      \n
    1. Кліент націскае «Адправіць месцазнаходжанне». Браўзер запытвае доступ да геапазіцыі, і адначасова адкрываецца кароткая форма.<\/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":"

            Cайт-визитка для эвакуатора, который работает в Вильнюсе, Вильнюсском районе и по всей Литве. Тему для 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\/by\/wp-json\/wp\/v2\/project\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdwski.com\/by\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/sdwski.com\/by\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sdwski.com\/by\/wp-json\/wp\/v2\/media\/266"}],"wp:attachment":[{"href":"https:\/\/sdwski.com\/by\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"project_type","embeddable":true,"href":"https:\/\/sdwski.com\/by\/wp-json\/wp\/v2\/project_type?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}