Технології · Розробка сайтів ·

Скільки коштує розробка сайту: з чого складається ціна

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

Розробка сайтів·11 хв читання

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

Чому розкид у ціні буває десятикратним

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

Готове рішення, яке налаштували під вас. Куплена або безкоштовна тема, ваш логотип, ваші кольори, ваші тексти в наявних блоках. Дизайн ніхто не малює — його вже намалювали до вас і для тисяч інших.
Сайт, зроблений під ваш бізнес. Спершу структура й прототип, потім макети під ваш бренд, потім верстка й адміністративна частина, у якій ви самі даєте раду. Тут платять за роботу, якої до вас не існувало.
Продукт із логікою. Каталог, що синхронізується з обліковою системою, розрахунок доставки, особистий кабінет, оплата, ролі користувачів. Це вже не «сайт», а невелика програма з вебінтерфейсом — і рахується вона як програма.

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

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

Що входить у слово «сайт», а що зазвичай ні

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

Зазвичай входить у роботу над сайтом:

структура — які взагалі будуть сторінки і що на кожній має статися з відвідувачем;
прототип і технічне завдання: домовленість про те, що робимо, зафіксована до початку робіт;
дизайн-макети (або адаптація готової теми — це різні рядки, і саме тут перша розвилка ціни);
верстка й адаптив під мобільні, планшет, десктоп;
система керування, щоб ви могли самі змінювати тексти й додавати сторінки;
базові технічні речі: форма заявки, підключення аналітики, метатеги, карта сайту, SSL;
перенесення на робочий хостинг, перевірка й запуск.

Зазвичай НЕ входить, хоча замовник цього очікує:

Тексти й фотографії. Найчастіша причина, чому сайт стоїть готовий і незапущений місяцями. Копірайтинг і зйомка — окремі роботи з окремим бюджетом; якщо в пропозиції їх немає, писати буде хтось у вас.
Наповнення каталогу. Тридцять товарів — дрібниця, три тисячі — окремий проєкт із власним строком, незалежно від того, наскільки гарний дизайн картки.
Домен і хостинг. Це не разова робота, а щорічний платіж, і платите його ви.
Інтеграції. Обмін з обліковою системою, CRM, платіжний шлюз, служби доставки, каса. Кожна — окрема позиція, бо кожна залежить від чужого API.
Друга мова. Мультимовність — це не кнопка, а подвоєння контенту й окрема технічна конструкція.
Просування після запуску. Базова оптимізація — це фундамент, а не трафік. Сайт, який щойно зʼявився, у пошуку ще ніхто не бачить.
Підтримка й оновлення. CMS, PHP і плагіни оновлюються постійно; хтось має це робити й відповідати, якщо після оновлення щось відпало.
Юридичні тексти. Політика конфіденційності, умови продажу, публічна оферта — їх мав би дати ваш юрист, а не дизайнер.

Що спитати до підписання

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

Шість чинників, які рухають ціну

Ціна складається не з «дизайну і програмування», а з кількох цілком конкретних множників. Якщо приміряти їх до себе, стає видно, у якій із трьох пропозицій ви опинилися і чому.

1. Тип сайту. Це головний множник, і саме його зазвичай визначають неточно. Сайт-візитка й лендінг живуть у зовсім іншому діапазоні, ніж корпоративний сайт зі структурою й розділами, а інтернет-магазин відрізняється від них не «кількістю сторінок», а наявністю товарів, замовлень, оплат і складських залишків. Помилка на цьому кроці робить безглуздими всі подальші розрахунки.
2. Кількість унікальних шаблонів, а не сторінок. Найнедооціненіший пункт. Сайт із двохсот сторінок на пʼятьох шаблонах дешевший за сайт із дванадцяти сторінок, кожна з яких намальована по-своєму. Малюють і верстають шаблон; сторінка на готовому шаблоні — це вже наповнення. Коли вам називають ціну «за сторінку», уточніть, скільки з них унікальних.
3. Унікальність дизайну. Три різні речі: готова тема без змін, готова тема, перемальована під бренд, і дизайн з нуля. Стрибок ціни дає не «краса», а кількість станів, які треба продумати: як блок виглядає на телефоні, що видно, коли товарів немає, як показана помилка у формі, що бачить користувач під час завантаження. Саме ці стани відрізняють макет від картинки.
4. Інтеграції. Найбільший ризик для бюджету, бо він частково поза вашим контролем. Кожна інтеграція — маленький проєкт: чужа документація, чужі обмеження, чужий графік. Обмін із обліковою системою майже завжди дорожчий, ніж очікує замовник, і майже завжди потребує людини з боку цієї системи.
5. Наповнення. Хто пише тексти, хто готує фото, хто заносить картки. Це не «дрібниця в кінці», а окремий обсяг, який легко перевищує вартість самої верстки, якщо позицій багато.
6. Мови. Друга мова не подвоює ціну розробки, але додає переклад, дублювання всіх матеріалів, технічну структуру для пошукових систем — і, головне, назавжди подвоює вартість підтримки контенту. Кожна новина відтепер пишеться двічі.

Є й сьомий чинник, який у пропозиціях майже ніколи не проговорюють, — те, чого не видно на макеті: швидкість завантаження, доступність з мобільного, безпека, зручність адмінки. Це не окрема послуга з прайсу, а спосіб роботи; він або є, або його немає. Ми розбирали це на двох прикладах: чому сайт без нашарування плагінів вантажиться швидше і у що затримка завантаження обходиться в грошах. Об’єктивно виміряти це можна — Core Web Vitals для того й придумані.

Як приміряти на себе. Візьміть шість пунктів вище і проставте навпроти кожного свою відповідь ще до розмови з підрядником. Це і є ваш бриф. Пропозиція, зроблена на такому переліку, буде відрізнятися від пропозиції «на око» не тільки цифрою, а й тим, що її можна перевірити.

Чому шаблон дешевший і коли він доречний

Шаблон економить не «на якості», а на конкретних етапах: дизайн уже намальований, верстка вже зроблена, типові сценарії вже передбачені. Ви платите за налаштування замість створення — і саме тому різниця в ціні виходить кратною, а не відсотковою.

Шаблон доречний, коли:

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

Шаблон обертається дорожчим, коли:

Його доводиться ламати. Щойно ваша логіка не збігається з логікою шаблону, кожна правка стає обходом чужих рішень. Переробка чужої архітектури дорожча за створення власної — це головна прихована пастка «дешевого старту».
Він тягне за собою конструктор і три десятки плагінів. Universal-теми несуть код на всі випадки життя, більшість з яких вам не потрібні. Розплата — швидкість і вразливості, тобто те, за що потім платять окремо.
Ви ростете. Шаблон розрахований на типовий сценарій. Нетиповий — це або костиль, або переробка, і кожен наступний рік робить її дорожчою.

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

Приховані витрати, про які не кажуть на старті

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

Домен — щороку. Разова покупка перетворюється на щорічний платіж, і зони коштують по-різному. Забутий термін продовження — найбанальніший спосіб втратити сайт і пошту одночасно.
Хостинг росте разом із проєктом. Тариф, якого вистачало на візитку, не витримає каталог і трафік. Переїзд на потужніший план — не аварія, а нормальний етап, який варто закласти заздалегідь.
Платні компоненти. Комерційна тема, преміум-плагіни, модулі оплати чи доставки часто мають річну ліцензію. Не поновили — залишились без оновлень і без підтримки саме тоді, коли вони потрібні.
Оновлення й безпека. CMS і PHP оновлюються постійно; сайт без оновлень стає мішенню за місяці, а не за роки. Резервні копії — окремо: бекап, який ніхто жодного разу не відновлював, не є бекапом.
Доопрацювання після запуску. Вони будуть завжди. Перші тижні реальні користувачі покажуть те, чого не показав жоден макет, і на це варто мати запас — і грошей, і людини, яка це зробить.
Контент назавжди. Сайт, який не оновлюють, застаріває швидше за дизайн: старі ціни, зниклі послуги, торішні новини.
Ваш власний час. Найдорожча стаття, яку не пишуть у жодній пропозиції: узгодження, збір матеріалів, відповіді на питання, рішення. Її не можна делегувати повністю — і саме через неї найчастіше «пливе» строк.

Порахуйте свій перший рік

Складіть у стовпчик: розробка + домен + хостинг + ліцензії + підтримка × 12 + запас на доопрацювання. Отримана цифра — і є ціна рішення, яке ви ухвалюєте; вона майже завжди міняє те, який із трьох варіантів виглядає розумним. Що входить у підтримку і за що там платять щомісяця, ми розписали в окремому матеріалі, а поточні позиції — у переліку тарифів.

Скільки часу це займає насправді

Строк розробки визначає не швидкість написання коду. Його визначають чотири речі, і три з них лежать не на боці підрядника.

Скільки триває узгодження. Дві ітерації правок по макетах і чотири — це різні проєкти за часом. Якщо рішення ухвалює комітет із пʼятьох людей, це варто чесно закласти в план.
Коли буде контент. Найчастіша причина простою: верстка готова, а текстів немає. Сайт не можна «здати наполовину заповненим» — точніше, можна, але саме так зʼявляються ресурси з написом Lorem ipsum у продакшені.
Як поводяться інтеграції. Тут строк частково не ваш і не підрядника: він залежить від того, коли відповість технічна підтримка платіжної системи або програміст, який веде вашу облікову систему.
Обсяг тестування. Візитку перевіряють за день. Магазин — це десятки сценаріїв: оплата пройшла, оплата не пройшла, товар закінчився під час оформлення, знижка й доставка разом.

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

Що реально скорочує строк

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

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

Девʼять питань, щоб порівняти непорівнянне

Найпростіший спосіб зрозуміти три різні цифри — поставити всім трьом однакові питання і отримати відповіді письмово. Різниця в сумах після цього пояснюється сама.

Скільки унікальних шаблонів сторінок входить у ціну? Не «скільки сторінок», а скільки з них малюють окремо.
Дизайн з нуля чи адаптація готової теми? І чи побачу я макети до того, як почнеться розробка.
Хто пише тексти й готує фото? Якщо я — назвіть обсяг, який від мене потрібен, до початку робіт.
Які інтеграції входять і що буде, якщо чужий сервіс поведеться інакше? Хто витрачає час на зʼясування — ви чи я.
Мобільна версія — це окрема робота чи вона в ціні? Більшість відвідувачів прийде саме з телефона.
На кого оформлені домен і хостинг? Правильна відповідь одна: на вас. Доступи до адмінки й до коду — теж ваші.
Що входить у гарантійний період? І де межа між «виправити помилку» та «нова задача» — це має бути сформульовано до старту.
Що відбувається після запуску? Хто оновлює, хто робить бекапи, хто відповідає, якщо сайт ляже в суботу.
Що у ваш кошторис НЕ входить? Найінформативніше питання зі списку. Розгорнута відповідь на нього — ознака того, що людина рахувала, а не називала.

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

Коли дешево — це нормально, а коли тривожно

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

Нормально

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

Тривожно

Ціну назвали за десять хвилин, не спитавши про бізнес, товари, інтеграції й обсяг контенту.
У пропозиції немає розділу «не входить» — отже, межу малюватимуть уже під час роботи.
«Під ключ, повне SEO і гарантія перших позицій» одним пакетом: гарантувати позиції в пошуку не може ніхто.
Домен або хостинг пропонують оформити на виконавця «щоб вам було зручніше».
Ні прототипу, ні макетів — «побачите на готовому». Побачите, і переробляти буде пізно.
Фіксована сума, але перелік робіт — три рядки без деталізації.
Немає договору й фіксації обсягу: усе домовлено в месенджері.

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

У цій статті свідомо немає конкретних сум за наші роботи. Ціни змінюються швидше, ніж статті, а будь-яка цифра, названа без брифу, вводить в оману сильніше, ніж її відсутність: та сама «розробка магазину» відрізняється в рази залежно від інтеграцій і обсягу каталогу. Наведений на початку розкид — ілюстрація ситуації, у якій опиняється замовник, а не дані про ринок. Актуальні напрямки й склад робіт дивіться в переліку тарифів, а решту матеріалів про сайти й інфраструктуру — у розділі «Технології».

Часті питання

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

Бо в різних пропозиціях усередині різні обсяги. Один рахує налаштування готової теми, другий — дизайн під бренд і власну структуру, третій — систему з каталогом, оплатою та обміном з обліковою системою. Порівнювати треба не суми, а що саме входить у кожну.

Зазвичай: структура й прототип, дизайн або адаптація теми, верстка з адаптивом, система керування, базові технічні налаштування (форма, аналітика, метатеги, SSL) і запуск. Зазвичай не входять: тексти й фото, наповнення каталогу, домен і хостинг, інтеграції, друга мова, просування та підтримка після запуску.

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

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

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

Порахуємо ваш сайт по пунктах, а не «на око»

Розкажіть, що потрібно, — розкладемо на етапи, назвемо, що входить і що ні, і покажемо, де можна зекономити без наслідків. Деталі — на сторінці розробки сайтів і в переліку тарифів.