Сайт-візитка з нуля: 5 блоків, які мають бути в кожному

У Figma він виглядає чудово. Кілька блоків, красива типографіка, анімація на скролі. Клієнт хвалить, дизайнер задоволений. А потім сайт запускається — і нічого не відбувається. Жодної заявки.

Проблема не в дизайні. Проблема в тому, що більшість сайтів-візиток проєктуються як «показати себе», а не як «отримати контакт». Сайт-візитка з нуля — це інструмент, зібраний під одну конкретну дію відвідувача, а не «зменшена версія» повного сайту.

Що таке сайт-візитка і коли він дійсно потрібен

Сайт-візитка — це 1-5 сторінок із мінімально достатнім набором інформації: хто ви, що пропонуєте, як зв’язатися. Він не замінює повноцінний корпоративний сайт або інтернет-магазин. Він вирішує конкретну задачу: людина знайшла вас в Google або перейшла по посиланню — і за 30 секунд зрозуміла, чи варто телефонувати.

Коли сайт-візитка — правильний вибір:

• Спеціаліст або фрилансер — юрист, стоматолог, архітектор, консультант. Один лендинг з портфоліо, послугами і формою зв’язку — цього достатньо
• Мала компанія послуг — ремонтна бригада, кур’єрська служба, невеликий готель. Клієнту треба знайти вас і зателефонувати, решта — на розмові
• Стартовий проєкт — новий бізнес, який ще не має повного контенту, але потрібна присутність в мережі вже зараз
• Тест нової послуги — хочете перевірити попит перед масштабним запуском

Коли сайт-візитка — неправильний вибір: якщо у вас більше 10 послуг, якщо є каталог товарів, якщо потрібна особиста кабінетна зона. Тут вже потрібна розробка сайту іншого рівня.

5 блоків, без яких сайт-візитка не працює

Кожен блок — відповідь на одне з 5 питань, які відвідувач задає в перші 30 секунд.

Блок 1: Hero — хто ви і що ви вирішуєте

Перше, що бачить відвідувач. Hero — це не «ласкаво просимо на наш сайт». Це одне речення-відповідь на питання «а навіщо мені тут бути?»

Поганий варіант: «Компанія Х — ваш надійний партнер у сфері послуг». Робочий варіант: «Юридичний супровід ФОП та ТОВ. Реєстрація, договори, податки — під ключ. Харків і дистанційно по Україні».

У Hero обов’язково: заголовок з конкретною пропозицією, підзаголовок з географією або цільовою аудиторією, CTA-кнопка («Записатися», «Отримати консультацію», «Порахувати вартість»).

Блок 2: Послуги — що конкретно ви робите

Не список із 20 пунктів. Максимум 4-6 основних послуг з коротким поясненням, що входить. Відвідувач має зрозуміти за 10 секунд, чи є те, що йому потрібно.

Додайте короткий результат до кожної послуги. Не «юридичні консультації», а «юридична консультація — 60 хвилин, письмовий висновок у той самий день».

Блок 3: Кейси або соціальний доказ

Цей блок на сайтах-візитках пропускають найчастіше. І дарма. Навіть 2-3 конкретні результати або відгуки — різниця між «ще одним сайтом» і довірою.

Якщо реальних кейсів немає — зробіть блок відгуків. Справжні відгуки, не вигадані. Якщо немає навіть відгуків — вкажіть кількість виконаних проєктів або років досвіду. «Понад 50 клієнтів за 4 роки» — краще за порожній розділ.

Блок 4: FAQ — відповіді на 3-5 типових заперечень

Люди рідко телефонують, щоб запитати елементарне. Вони просто йдуть. FAQ — це спосіб відповісти на питання ще до того, як воно стало приводом не зв’язатися.

Які питання включати: «Скільки це коштує?», «Як довго чекати?», «Чи робите ви для мого міста/ситуації?», «Що буде першим кроком?». Якщо ви не вказуєте ціни — поясніть чому і запропонуйте спосіб їх дізнатися.

Блок 5: Контакти і форма зв’язку

Телефон, email, месенджер — те, що реально відповідає. Якщо ви дивитеся Telegram — вкажіть Telegram. Не вказуйте Facebook, якщо перевіряєте його раз на тиждень.

Форма зв’язку — мінімум 3 поля: ім’я, телефон або email, короткий опис запиту. Не 10 обов’язкових полів — відвідувач не заповнюватиме анкету.

Що робити самому, а що — студії

Якщо бюджет обмежений або ви хочете розуміти процес — ось де є сенс зекономити, а де ні. Робіть самі:

• Напишіть тексти. Ви краще знаєте свій бізнес, ніж будь-який копірайтер без бриф-сесії
• Зберіть відгуки від реальних клієнтів
• Підготуйте фото матеріалів, роботи, себе

Замовляйте у студії або у спеціаліста:

• Технічна частина: домен, хостинг, налаштування, швидкість, SSL
• Дизайн — якщо хочете виглядати краще за конкурентів, а не як шаблон
• SEO-основи: title, мета, заголовки H1, sitemap. Це не видно, але впливає на пошукову видачу вже з першого дня
• Форма зв’язку з реальним надходженням заявок — не «форма, яка нікуди не відправляє»

Детальніше про те, як розділити завдання між собою і підрядником — у статті зробити сайт самому чи замовити в студії.

Скільки коштує сайт-візитка і скільки часу займає

Вилки нижче — ринкові орієнтири України 2026, зібрані з відкритих прайсів. Це не наш прайс.

• На конструкторі (Tilda, Squarespace): 5 000 – 15 000 ₴ + щомісячна плата за сервіс. Швидко, шаблонно, обмежені можливості кастомізації. Підходить для тесту або мінімального бюджету
• На WordPress з шаблоном: 10 000 – 30 000 ₴. Більше гнучкості, але без індивідуального дизайну. Плагіни можуть конфліктувати
• Індивідуальна розробка у студії: 30 000 – 80 000 ₴. Структура під вашу задачу, правильна технічка, SEO з першого дня. Типові ринкові строки: 2-4 тижні від брифу до релізу

Для порівняння — наш фіксований пакет: сайт-візитка під ключ від $299, з доменом і хостингом на рік, базовий — за 5-7 днів, терміновий — за 48 годин. Що входить — на сторінці сайт-візитка під ключ.

Детально про вартість різних типів сайтів — у статті скільки коштує сайт з нуля.

Помилки, які роблять сайт-візитку «мертвою»

Чітких ознак, що сайт не буде працювати, досить небагато:

Немає конкретного CTA в Hero. «Дізнатися більше» — не дія. «Записатися на безкоштовну консультацію» — дія.

Текст написаний «про себе», а не для клієнта. «Ми — команда професіоналів із 10-річним досвідом» нікому нічого не говорить. «За 10 років ми відремонтували понад 300 квартир у Харкові» — говорить.

Мобільна версія зламана або незручна. 60-70% відвідувачів приходять з телефону. Якщо форма на мобільному не влазить в екран — всі зусилля даремні.

Немає Google Analytics або іншого лічильника. Без аналітики ви не знаєте, хто приходить, звідки і що робить. Сайт є, а картини немає.

Посилання на соцмережі, які давно не оновлюються. Остання публікація 2021 року — це сигнал «бізнес не живий».

Сайт-візитка з нуля: план запуску за 2-4 тижні

Реалістичний план, якщо збираєте сайт самі або з фрилансером:

Тиждень 1: Бриф — хто ви, кому продаєте, що хочете від сайту. Тексти — пишете самі або разом із копірайтером. Фото — мінімум 5-10 живих знімків.

Тиждень 2: Дизайн у Figma або wireframe на конструкторі. Перевіряєте мобільну версію і логіку переходів.

Тиждень 3: Верстка і технічна частина. Домен, хостинг, SSL, форма зворотного зв’язку, підключення Google Analytics.

Тиждень 4: Тестування, SEO-базові налаштування (title, мета, sitemap), реліз.

Якщо строки тиснуть — студійний фікс-пакет швидший: наш базовий виходить за 5-7 днів, терміновий — за 48 годин (умови — на сторінці послуги).

Хочете обговорити ваш конкретний проєкт — напишіть нам. Оцінимо обсяг і строки за 30 хвилин у Zoom. Подивіться приклади в нашому портфоліо.