Технічне завдання на сайт: як скласти, щоб не переплатити

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

Навіщо взагалі ТЗ

Без нього відбувається класичне: «а я думав, що каталог входить», «а хіба другу мову не мали зробити», «а чому фото такі». Кожне таке «а» - це або сварка, або доплата.

ТЗ вирішує три речі:

1. Ви й підрядник однаково розумієте, що робимо.
2. Ціна рахується від конкретики, а не зі стелі.
3. Є до чого апелювати, якщо результат розійшовся з очікуванням.

І головне: ТЗ вигідне саме замовнику. Підряднику без ТЗ простіше - завжди можна сказати «це не входило».

Що має бути в ТЗ

1. Про бізнес - коротко

Три-чотири речення: чим займаєтесь, у якому місті, хто ваші клієнти, чим відрізняєтесь від конкурентів.

Кавʼярня в центрі Вінниці. Спеціальна кава, власне обсмаження. Клієнти - офісні працівники поруч і люди, які розбираються в каві. Відрізняємось тим, що обсмажуємо самі й розповідаємо про походження зерна.

2. Що сайт має робити

Найважливіший пункт. Одна головна дія, заради якої все затівається:

• зібрати заявки на послугу
• продавати товар онлайн
• записувати на візит
• показати портфоліо, щоб з вами звʼязались

Якщо цілей кілька - розставте пріоритет. Сайт, який робить усе одразу, зазвичай не робить нічого добре.

3. Структура сторінок

Просто список. Для лендингу - список блоків згори вниз:

1. Перший екран: що ми робимо + кнопка
2. Послуги: 4 позиції з цінами
3. Як працюємо: 3 кроки
4. Приклади робіт: 6 фото
5. Відгуки
6. Форма запису + контакти + карта

Для багатосторінкового - список сторінок і що на кожній.

4. Функції

Конкретно, без «сучасний функціонал»:

• форма заявки → заявки приходять у Telegram
• перемикач мов українська / англійська
• каталог з фільтром за ціною і категорією
• онлайн-оплата карткою
• блог, який ми ведемо самі

Кожен пункт впливає на ціну, тому чим точніше - тим точніша сума.

5. Контент: у кого він

Найчастіше забувають, і саме тут виникають затримки:

• Тексти - ваші, підрядника чи разом?
• Фото - є свої, потрібна зйомка чи стоки?
• Логотип - є у векторі?
• Опис послуг і ціни - готові?

Чесна відповідь «текстів немає, потрібна допомога» краща за «тексти будуть» і три тижні тиші.

6. Приклади: подобається / не подобається

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

«Подобається цей - бо все зрозуміло за 5 секунд і не рябить» набагато корисніше, ніж «зробіть красиво».

7. Строки й бюджет

Так, бюджет теж варто вказати. Це не «щоб з вас витягли більше» - це щоб вам не пропонували рішення за 60 000, коли ви розраховуєте на 12 000.

Чого в ТЗ бути не повинно

Технічних вимог, у яких ви не розбираєтесь. «Використати React і Redux» - якщо це скопійовано з інтернету, ви просто звужуєте вибір рішень без користі для себе.

Опису кожного пікселя. «Кнопка має бути 240 на 56 пікселів, відступ 24» - це робота дизайнера. Ваша задача - сказати, що кнопка має бути помітною.

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

Шаблон, який можна заповнити за годину

1. Про бізнес: ______
2. Головна дія на сайті: ______
3. Хто клієнт: ______
4. Структура (список сторінок/блоків): ______
5. Функції: ______
6. Контент: тексти - ___, фото - ___, лого - ___
7. Приклади: подобається ___ (чому), не подобається ___ (чому)
8. Строк: ______   Бюджет: ______

Цього справді достатньо для більшості проєктів малого бізнесу.

Якщо писати ТЗ немає часу

Нормальна ситуація. У нас цю роль виконує бриф на демо: сім коротких питань, дві хвилини. З відповідей ми самі складаємо структуру й показуємо головний екран - далі ви правите вже не абстракцію, а конкретний макет.

Часто це працює краще за ТЗ: людині простіше сказати «ось тут не те», дивлячись на готове, ніж описати словами наперед.

Як ТЗ впливає на ціну

Прямо. Ось два запити:

«Треба сайт для кавʼярні, скільки?»

Відповідь буде діапазоном від 7 000 до 30 000 ₴, бо невідомо нічого.

«Лендинг для кавʼярні: 5 блоків, форма запису в Telegram, тексти наші, фото свої, приклад - ось цей сайт, бюджет до 10 000 ₴»

Тут уже можна назвати точну суму й строк. І вона буде меншою, бо в неї не закладено ризик невідомості.

Порахувати орієнтир під свою конфігурацію можна в калькуляторі - він працює за тією ж логікою, що й нормальне ТЗ.

Підсумок

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

А якщо не виходить сформулювати - напишіть, поставимо правильні питання самі.