00Коротка відповідь
ТЗ на сайт (технічне завдання) — документ, який описує, навіщо потрібен сайт, для кого він, які сторінки й функції в ньому будуть, звідки береться контент і в які терміни та бюджет треба вкластися. Для невеликого сайту замість повного ТЗ достатньо брифу на 1–2 сторінки: 11 розділів із шаблону нижче, заповнені своїми словами.
01Що таке ТЗ на сайт і навіщо воно
ТЗ на сайт — це домовленість між вами й виконавцем, записана до початку роботи. Воно фіксує мету сайту, аудиторію, перелік сторінок, функції, мови, інтеграції, терміни й бюджет. Без нього кожна сторона уявляє свій сайт, і різниця стає помітною лише тоді, коли дизайн уже намальовано.
Від ТЗ залежать три речі. Перша — точна ціна: студія рахує не «сайт», а конкретний обсяг. Друга — терміни: коли матеріали й рішення зібрані заздалегідь, проєкт не стоїть у паузах. Третя — результат: сайт відповідає вашій задачі, а не смаку дизайнера.
Писати ТЗ мовою програмістів не потрібно. Технічну частину — платформу, хостинг, структуру коду — ми беремо на себе. Від вас потрібне інше: знання свого бізнесу, клієнтів і того, що має статися, коли людина відкриє сайт.
02Чим бриф відрізняється від ТЗ
Бриф — це анкета від замовника: що за бізнес, яка мета, які побажання. ТЗ — детальний документ, який зазвичай готує виконавець на основі брифу: точна структура, функції, поведінка форм, інтеграції. Для лендінгу чи візитки брифу досить, повне ТЗ потрібне складним сайтам і магазинам.
| Критерій | Бриф | ТЗ |
|---|---|---|
| Хто пише | Замовник | Виконавець разом із замовником |
| Обсяг | 1–2 сторінки | Від кількох сторінок і більше |
| Що описує | Бізнес, мету, аудиторію, побажання | Сторінки, функції, логіку, інтеграції |
| Коли досить | Лендінг, візитка, невеликий сайт | Магазин, сервіс, складні інтеграції |
| Мета | Оцінка й старт проєкту | Фіксація обсягу робіт |
На практиці межа розмита: добрий бриф із переліком сторінок і функцій уже наполовину ТЗ. Тому шаблон нижче ми зробили так, щоб він годився для обох випадків — для невеликого сайту його достатньо, для складного він стає основою технічного завдання.
03Шаблон ТЗ на сайт: 11 розділів
Скопіюйте цей шаблон у документ і дайте відповідь на кожен пункт кількома реченнями. Якщо на щось відповіді ще немає, так і напишіть — це теж корисна інформація, і рішення можна знайти разом на обговоренні.
- Про компанію. Назва, чим займаєтеся, місто чи регіон, скільки працюєте, чим відрізняєтеся від конкурентів.
- Цілі сайту. Яку одну головну дію має зробити відвідувач: подзвонити, залишити заявку, записатися, купити.
- Аудиторія. Хто ваш клієнт, звідки він прийде (Google, реклама, рекомендації), з якого пристрою найчастіше.
- Конкуренти й референси. 2–3 сайти конкурентів і 2–3 сайти, які подобаються, з поясненням, що саме подобається.
- Структура сторінок. Перелік сторінок чи блоків: головна, послуги, ціни, роботи, про нас, контакти.
- Функції. Форма заявки, онлайн-запис, калькулятор, каталог, оплата, блог, куди надходять заявки.
- Контент. Хто пише тексти, чи є фото робіт, логотип, фірмові кольори, відгуки клієнтів.
- Мови. Скільки мовних версій і яка з них основна.
- Інтеграції. Telegram, CRM, Google Analytics, Meta Pixel, система бронювання, платіжний сервіс.
- Терміни й бюджет. Бажана дата запуску, чи є жорсткий дедлайн, орієнтовний бюджет або діапазон.
- Доступи. Чи є домен, хостинг, пошта на домені, старий сайт, акаунти Google — і на кого вони оформлені.
Найважливіший пункт — ціль сайту. Якщо ви можете одним реченням сказати, що має зробити відвідувач, решта брифу складається значно легше.
04Приклад заповненого брифу
Нижче — вигаданий приклад брифу для умовної клінінгової компанії з Познані. Це не реальний клієнт, а ілюстрація того, скільки тексту достатньо: коротко, конкретно, з відповіддю на кожен пункт. Такого брифу нам вистачає, щоб запропонувати формат і назвати ціну.
| Розділ | Відповідь (приклад) |
|---|---|
| Про компанію | Клінінг квартир і офісів у Познані, команда з 6 людей, працюємо своїми засобами |
| Ціль | Заявка на прибирання з розрахунком ціни |
| Аудиторія | Орендарі й власники квартир, невеликі офіси; приходять із Google і рекомендацій, переважно зі смартфона |
| Референси | 2 сайти конкурентів; подобається, коли ціни видно одразу |
| Структура | Одна сторінка: послуги, пакети й ціни, як працюємо, фото, FAQ, контакти |
| Функції | Форма з вибором кількості кімнат, заявки в Telegram |
| Контент | Є логотип і фото до/після, тексти потрібна допомога |
| Мови | Польська основна, українська друга |
| Інтеграції | Google Analytics, пізніше Meta Pixel під рекламу |
| Терміни й бюджет | Запуск за 2 тижні, бюджет до €500 |
| Доступи | Домен є, хостингу немає, пошта на Gmail |
З такого брифу видно: людям потрібна ціна одразу, клієнти приходять зі смартфонів, а текстів ще немає. Під це підходить односторінковий сайт — ось як ми розбирали різницю між форматами в статті лендінг чи сайт-візитка. Схожий реальний проєкт — лендінг клінінгової компанії Elart Cleaning у Познані з прайсом і бронюванням. Що ще варто передбачити на сайті клінінгу, ми зібрали на сторінці сайт для клінінгової компанії.
05Як заповнити ТЗ, якщо ви не розбираєтеся в сайтах
Пишіть мовою свого бізнесу, а не мовою веб-розробки. Замість «потрібен лендінг із CTA» напишіть «хочу, щоб люди одразу бачили ціну й залишали номер телефону». Студія сама переведе це в структуру, функції й технічні рішення.
- Почніть із питань, які клієнти ставлять вам телефоном, — з них виходять блоки сайту й FAQ.
- Референси пояснюйте: «подобається, як подано ціни», а не просто посилання.
- Розділяйте «обов’язково зараз» і «можна пізніше» — це допомагає вкластися в бюджет.
- Платформу не обов’язково обирати самому: різницю ми пояснили в статті WordPress, Webflow чи код.
Бюджет теж варто вказати, навіть діапазоном. Це не спосіб «вичавити» максимум, а орієнтир: під €300 і під €1500 ми запропонуємо різні рішення для тієї самої задачі. Від чого залежить ціна, розписали в статті скільки коштує сайт.
06Типові помилки в ТЗ на сайт
Найчастіші помилки в ТЗ — розмита мета, «зробіть як у них» без пояснень, відсутність контенту й приховані функції, про які згадують уже під час розробки. Кожна з них коштує часу, а іноді й перерахунку бюджету, тому краще закрити їх ще на етапі брифу.
Мета «щоб був сайт»
Сайт без мети неможливо оцінити: незрозуміло, що вважати успіхом і які блоки потрібні. Навіть проста мета «отримувати заявки на прибирання з Познані» одразу підказує структуру, тексти й форму.
Копія чужого сайту
Референси корисні, але проєкти, де треба скопіювати чужий сайт один в один, ми не беремо. Краще пояснити, що саме працює в прикладі — подача цін, фото, простота форми, — і ми зробимо це у вашому стилі.
Контент «потім»
Дизайн під порожні блоки часто доводиться переробляти, коли з’являються справжні тексти й фото. Якщо текстів немає, напишіть це в брифі — допомогу з текстами можна закласти в проєкт одразу.
Функції, про які згадали пізніше
Калькулятор, друга мова чи онлайн-оплата, додані після погодження структури, — це вже новий обсяг робіт, який оцінюється окремо. Навіть якщо функція потрібна «колись потім», згадайте її в брифі: ми закладемо структуру так, щоб її було легко додати.
07Як ми в студії працюємо з брифом
Бриф — друга сходинка нашого процесу після короткого обговорення формату, функцій, мов та інтеграцій. Протягом 24 годин після брифу ми даємо оцінку, а далі проєкт іде етапами, і на кожному ви погоджуєте результат, перш ніж ми рухаємося далі.
- Бриф і матеріали. Тексти, фото, референси, логотип. Якщо зі структурою складно — допомагаємо.
- Структура. Погоджуємо перелік сторінок і блоків до початку дизайну.
- Дизайн. Спершу 1–2 блоки, щоб погодити стилістику, потім решта сторінок.
- Розробка. Webflow, WordPress/Bricks, чистий код або React; форми, CMS, калькулятори, аналітика, оплати.
- Правки. Ви надсилаєте всі правки одним списком — так нічого не губиться.
- Запуск і передача. Домен, хостинг, пошта й усі доступи переходять вам.
Від вас потрібні інформація й вчасні погодження етапів, технічну частину ми беремо на себе. Роботу оформлюємо за договором, оплата поетапна: перший платіж до старту, наступний — після погодженого етапу або перед запуском.
Шаблон вище можна надіслати нам заповненим або частково — решту уточнимо на короткому дзвінку чи в месенджері.
08Скільки коштує сайт після брифу
Після брифу ми називаємо точну ціну, але базові орієнтири відомі заздалегідь: лендінг — від €300, багатосторінковий сайт — від €450, інтернет-магазин — від €800. Для складних проєктів вартість рахуємо саме за брифом, оцінка — протягом 24 годин.
| Формат | Ціна | Терміни |
|---|---|---|
| Лендінг | від €300 | 3–5 днів |
| Сайт-візитка | від €300 | Після брифу |
| Багатосторінковий сайт | від €450 | 15–25 роб. днів |
| Інтернет-магазин | від €800 | 20–30 роб. днів |
Терміни відраховуються після погодження обсягу, договору й першого платежу. Після запуску сайт можна залишити на нашій підтримці — від €20 на місяць. Усі тарифи зібрані на сторінці ціни, а надіслати бриф можна через контакти.
