Сайт для майстра з укладання підлоги у Дніпрі

Задача

Сайту в Ігоря не було взагалі. Клієнти приходили тільки з OLX і сарафанного радіо, а показати свої роботи не було де — кожному замовнику доводилось пояснювати «на пальцях», що і як він робить.

Що було зрозуміло з самої ніші: приватний майстер конкурує не з іншими сайтами, а з відсутністю будь-якої інформації про себе. Замовник, який шукає «укладання ламінату Дніпро», бачить каталоги й фірми — і не бачить конкретну людину з роботами, ціною та телефоном.

Одразу скажу про рамки: цей сайт я робив безкоштовно, для друга. Тому завдання було просте: зробити місце, куди майстер може відправити замовника, і зробити так, щоб воно не застаріло без мене. Виводити сайт у топ пошуку тут ніхто за мету не ставив.

Звідси три вимоги, з яких і зібрані сторінки: показати роботи так, щоб їм вірили; назвати ціну до дзвінка; дати оновлювати цю ціну без розробника.

Що зробив

Відео з об'єктів замість стоку

Я поставив на сайт чотири відеофрагменти зі справжніх об'єктів. Це принципово: у ніші ремонту стокова картинка з ідеальним паркетом читається як «фірма, якої не існує», а зняте на об'єкті відео читається як доказ. Кожен ролик існує у двох версіях — важча для комп'ютера і легша для телефона, — і в кожного свій постер, тому перший екран малюється одразу, не чекаючи відео. Грає завжди тільки той ролик, який зараз видно; решта стоять.

Портфоліо на двадцять об'єктів

Окрема сторінка з двадцятьма роботами, і кожну я підписав як роботу, а не як картинку: паркет ялинкою у видовій квартирі, дизайнерський стик ламінату з керамічним гексагоном, лоджія в суцільній деревній текстурі, офіс, шоурум, комерція. У кожної роботи стоять матеріал, клас і рік. Двадцять об'єктів я продублював розміткою списком: пошуковик отримує перелік виконаних робіт з назвами й описами, а не безіменну галерею.

Прайс, який не треба випитувати

На сторінку цін я виніс шістнадцять позицій у трьох категоріях: укладання покриттів (ламінат, діагональ, експрес, вініл, паркетна дошка, паркет ялинкою, лінолеум, ковролін), підготовчі роботи (OSB, стяжка, демонтаж) і плінтуси з порогами. Окремо названа ціна заміру й консультації та блок «Індивідуальна робота» — для нестандартних планувань і комерційних об'єктів, де чесніше подивитись і назвати ціну після огляду.

Адмінка, щоб ціни правив сам майстер

Усі тексти й ціни розділу «Послуги» я виніс з коду в окремий файл, а сторінка підставляє їх у себе на льоту. Поверх цього стоїть адмінка з паролем: майстер відкриває її з будь-якого комп'ютера за звичайною адресою сайту, міняє ціну й тисне «Зберегти все». Свій маленький сервер приймає ці правки і акуратно перезаписує файл; назовні його порт не відкритий, все йде через звичайний захищений канал сайту.

Для майстра, у якого ціна за метр залежить від матеріалу й сезону, це не зручність, а умова, щоб сайт не застарів за три місяці. І страховка на випадок, якщо файл із цінами раптом не відкриється: тоді сторінка покаже те, що зашите в неї самій, і не зламається.

Дзвінок замість форми

Форму я свідомо не ставив. Замовник ремонту хоче почути людину, а не чекати відповіді на заявку, — тож головна дія на сайті це телефон, клікабельний з мобільного одним тапом.

Розмітка під локальний пошук

Google має розуміти, що це не блог про підлогу, а конкретний виконавець у конкретному місті. Тому на головній стоїть розмітка місцевого бізнесу з будівельною спеціалізацією і окремо блок частих питань, відповіді з якого можуть показуватись прямо у видачі. На сторінці робіт я поставив список із двадцяти об'єктів, на сторінці цін — послугу. AI-ботів пустив поіменно: GPTBot, ChatGPT-User, PerplexityBot, ClaudeBot, anthropic-ai, Google-Extended.

Дві мови в атрибутах

Тексти я зберіг одразу українською і російською в самих елементах, сорок п'ять місць. Перемикача на сторінках поки немає, за замовчуванням показується українська: коли перемикач знадобиться, перекладати вже нічого не доведеться.

Аналітика, яка чекає згоди

Google Analytics я підключив у режимі згоди: до того, як людина натисне «Прийняти» в банері, лічильник нічого не збирає. Це не формальність — так само в мене влаштована аналітика на всіх сайтах.

Технічно

• 3сторінки + адмінка цін
• 20об'єктів у портфоліо, з матеріалом і роком
• 16позицій прайсу в трьох категоріях
• 4відео, кожне у двох версіях

Відео стиснуті так, щоб їх можна було возити мобільним інтернетом: звук прибраний, ширина зведена до 1280, окремо зроблені легші мобільні версії. Фотографії робіт вантажаться тільки коли доїжджають до екрана, два найважчі кадри переведені у WebP. Сторінки зібрані на чистому HTML і CSS з двома бібліотеками — анімація по скролу і карусель прайсу, — без жодного конструктора й без CMS.

Чого тут немає — і чому

Сайт живе на піддомені мого домену, свого домену для нього не купували. У кейсі ПЛЕТІНКА я писав, що для магазину піддомен читається як «тимчасово», — і тут це так само правда. Просто робота зроблена безкоштовно, для друга, і купувати домен за майстра я не став.

З тієї ж причини на цьому сайті немає глибокого SEO: сторінок під окремі запити на кшталт «укладання ламінату Дніпро» чи «стяжка підлоги Дніпро» не робили, і серйозної роботи над швидкістю теж не було. Сайт зроблений як візитка з портфоліо й цінами, і чесно робить рівно це.

Що було б наступним кроком, якби майстер захотів клієнтів саме з пошуку: свій домен, окрема сторінка під кожну послугу й район, і робота над швидкістю. Тоді сторінка робіт починає працювати ще й на пошук, а не тільки на розмову з клієнтом.

Результат

Тепер Ігор лишає замовникам посилання замість пояснень. Двадцять робіт з матеріалом і роком, ціни за метр і телефон — людина бачить рівень майстра ще до розмови про гроші. І сам факт, що в приватного майстра є сайт, додає ваги: на тлі оголошень в OLX це помітно одразу.

Ціни майстер відтоді міняв сам, без мене. Це і був сенс адмінки: сайт живе далі своїм життям, а не лежить пам'ятником тому дню, коли його здали.

Інші кейси