Строк «місяць» нічого не пояснює, доки не видно, з чого він складається. А питання «які етапи створення сайту» майже завжди означає інше: де я ще можу вплинути, а де вже пізно.
Нижче — послідовність, за якою реально йде проєкт: що на кожному кроці робить студія, що потрібно від вас, скільки це триває і що перевірити, перш ніж погоджувати наступний етап.
Коротко: сім етапів
- Бриф і збір вимог — 1–3 дні.
- Структура й прототип — 2–5 днів.
- Дизайн — 5–15 днів.
- Верстка й розробка — 7–20 днів.
- Наповнення контентом — 2–7 днів.
- Тестування — 2–4 дні.
- Запуск і передача — день на викатку плюс місяць гарантії.
Загальний строк залежить від типу сайту: лендінг проходить увесь цикл за 7–14 днів, сайт-візитка за 10–20, корпоративний сайт за 20–35, інтернет-магазин — від 30. Вилки вартості для кожного типу — на сторінці цін на розробку сайтів.
1. Бриф і збір вимог
Найдешевший етап, на якому найдорожче помилятись. Розбираємо, кому ви продаєте, з чим людина приходить на сайт і що її зупиняє. На виході — тип сайту, перелік сторінок і те, під які запити кожна з них працює.
Це єдиний етап, який неможливо зробити без вас. Півгодини розмови тут економлять тиждень переробок пізніше.
Тип сайту вибирається саме тут, і це рішення дорожче за всі наступні: воно визначає і бюджет, і строк, і те, звідки взагалі приходитимуть люди. Якщо ще не визначились — лендінг, візитка чи корпоративний сайт розбирає межу між ними.
Що входить у бриф
Бриф — це не анкета для галочки, а документ, з якого потім рахують строк і ціну. Мінімум, який має в ньому бути:
- що продаєте і кому — сегменти клієнтів, а не «всім»;
- звідки очікуєте трафік: реклама, пошук, соцмережі, офлайн;
- що людина має зробити на сайті — заявка, дзвінок, замовлення, підписка;
- перелік розділів і послуг, які потребують окремої сторінки;
- два-три сайти конкурентів: що в них подобається і що дратує;
- обмеження — бренд-бук, чинна CMS, інтеграції з 1С чи CRM;
- хто з вашого боку погоджує макети і за скільки днів.
Останній пункт зриває строки частіше за всі технічні причини разом.
Що перевірити: чи зафіксовано в брифі кількість сторінок і перелік інтеграцій. Саме ці два числа рухають бюджет, коли зʼявляються «вже під час роботи».
2. Структура й прототип
Спершу карта сайту: які сторінки будуть і як вони повʼязані. Далі прототип — схема блоків у сірому вигляді: що йде за чим, що на екрані першим, де форма. Без кольорів і шрифтів навмисно, бо інакше обговорення миттєво зʼїжджає на «мені не подобається зелений».
Правки на цьому етапі коштують хвилини. Правки в готовій верстці — дні. Тому не поспішайте його проскочити: зекономлені два дні на початку регулярно перетворюються на два тижні в кінці.
Тут же закладається SEO-структура: під які групи запитів робимо окремі сторінки. Пізніше додати сторінку можна, але переносити її з іншої адреси — це вже редиректи й ризик втратити позиції, які встигли набратись.
Що перевірити: чи є на прототипі кожної сторінки цільова дія і чи видно її без прокручування.
3. Дизайн
Макети у Figma під ваш бренд: десктоп і мобільна версія, головна плюс типові внутрішні сторінки. Ви бачите не картинку, а те, як сайт виглядатиме насправді — включно з довгими назвами, порожніми списками й фотографіями поганої якості від постачальника.
Різниця між дешевим і дорогим дизайном тут не в «красивіше», а саме в кількості опрацьованих станів. Порожній кошик, помилка у формі, товар без фото — усе це трапиться на живому сайті, і краще, щоб воно було намальоване.
Зазвичай два кола правок. Третє коло — сигнал, що на етапі прототипу щось не проговорили, і чесніше повернутись на крок назад, ніж домальовувати.
Погоджувати макети краще пакетами по кілька сторінок, а не всі відразу в кінці: правка, знайдена на головній, зазвичай стосується всіх інших.
Що перевірити: мобільну версію. Більшість відвідувачів прийде з телефона, а погоджують макети зазвичай на великому екрані.
4. Верстка й розробка
Макети перетворюються на працюючі сторінки: адаптив під телефон, планшет і десктоп, швидкість, підключення адмінки, форми з передачею заявок у CRM або Telegram, аналітика. Найдовший етап — і водночас найтихіший: від вас тут майже нічого не потрібно.
Сюди ж входить технічна SEO-підготовка: мета-теги, мікророзмітка, коректні заголовки, карта сайту. Це має бути в базовій вартості — якщо це «допродаж потім», ви заплатите двічі. Що саме входить у нашу розробку сайтів під ключ, розписано на сторінці послуги.
Що перевірити: чи можете ви самі змінити текст, ціну й фото в адмінці, не звертаючись до розробника. Якщо для заміни телефона в шапці треба писати в підтримку — це не готовий сайт.
5. Наповнення контентом
Тексти, фотографії, товари, реквізити, документи. Часто клієнт бере цей етап на себе — це нормальний і найпростіший спосіб зекономити.
Це етап, на якому проєкти застрягають найчастіше, і майже завжди не на боці розробника: копірайт не написаний, фото немає, юрист не погодив умови. Перелік потрібного ми даємо одразу після брифа саме тому, що збирати його треба паралельно з дизайном, а не після нього.
Тут же відповідь на поширене питання, який етап передує наповненню: контент заливають після прототипу, дизайну й верстки, коли вже є куди його класти. А от писати тексти варто паралельно з дизайном — готовий текст майже завжди міняє макет, а готовий макет майже завжди ріже текст.
Що перевірити: чи всі фото у вебформатах і чи не важить головна сторінка кілька мегабайтів. Це найчастіша причина повільного сайту після запуску.
6. Тестування
Форми, посилання, коректність у різних браузерах і на різних розмірах екрана, швидкість, перевірка перед індексацією. Окремо — перевірка, що заявка з форми справді доходить на пошту й у месенджер, а не тільки «показує подяку».
Що перевірити: відправте тестову заявку самі, з телефона, з мобільного інтернету. Це хвилина роботи і найдешевша страховка від тихої поломки, яку інакше помічають через місяць за відсутністю дзвінків.
7. Запуск і передача
Перенесення на робочий домен, SSL, підключення Google Analytics і Search Console, sitemap і robots.txt. Далі — доступи до адмінки й хостингу, коротке навчання роботі з нею та документація.
Після цього місяць безкоштовних виправлень: за цей час спливають дрібниці, яких не видно на тестовому середовищі. І сайт не залишається сам по собі — оновлення, резервні копії, моніторинг доступності. Це вже окрема послуга, і обговорити її варто до запуску, а не після першої поломки.
Скільки це в днях
Лендінг — 7–14 днів, сайт-візитка — 10–20, корпоративний сайт — 20–35, інтернет-магазин — від 30.
Важлива деталь, яку рідко називають на старті: власне розробка займає приблизно половину строку. Решта — узгодження й контент, тобто час, який залежить не від підрядника, а від вас.
Що прискорює проєкт
- готові тексти й фото до старту дизайну;
- одна людина з вашого боку, яка ухвалює рішення;
- відповіді на правки протягом доби, а не тижня.
Найдовші проєкти в нашій практиці затягувались не через складність, а через те, що макет тиждень чекав на думку трьох різних людей із компанії клієнта. Технічно ці сайти були простішими за середній — просто кожне коло правок коштувало не два дні, а десять.
Що означає «сайт під ключ»
Сайт під ключ — це коли всі сім етапів робить один підрядник і віддає працюючий результат, а не набір файлів. Ви отримуєте сайт на своєму домені, доступи до адмінки й хостингу, підключену аналітику й можливість самому редагувати вміст.
На що дивитись у договорі:
- перелік етапів і строк кожного, а не один загальний дедлайн;
- що саме входить у вартість, а що рахується окремо;
- кому належать домен, хостинг і код після оплати;
- скільки триває гарантія і що вона покриває.
Формулювання «під ключ» без цих чотирьох пунктів у договорі не означає нічого.
Як замовити сайт
Порядок простий: описуєте задачу — отримуєте оцінку строку й вилки вартості — заповнюєте бриф — підписуєте договір із фіксованим складом робіт. Оплата поетапна, 50 % на старті й 50 % перед запуском; склад робіт і строк фіксуються в договорі.
Найкорисніше, що можна зробити перед першим дзвінком, — сформулювати, звідки прийдуть люди на сайт. Відповідь на це питання визначає тип сайту, а тип сайту визначає все інше.
Найчастіша помилка
Пропустити прототип, щоб «швидше почати дизайн». Прототип виглядає як найменш цінний етап: сірі прямокутники, жодної краси, показати керівництву нічого. Але саме він коштує пʼять хвилин на правку, тоді як та сама правка після верстки коштує тижня.
Друга за частотою — почати наповнення тоді, коли верстка вже готова. Формально це правильний порядок, але тексти й фото треба збирати паралельно з дизайном: інакше готовий сайт місяць чекає на контент, і цей місяць ніхто не закладав ані в строк, ані в бюджет.
