Етапи розробки сайту — що відбувається від першого дзвінка до запуску
Коротко
- → Весь цикл — від 2 тижнів (лендінг) до 2-3 місяців (магазин). 80% затримок — через неготові матеріали, а не через код
- → Бриф і ТЗ — ваш захист: без зафіксованих вимог неможливо визначити, що входить у вартість, а що є додатковою роботою
- → На дизайні зазвичай 2-3 раунди безкоштовних правок — давайте конкретний фідбек одразу, «мені не подобається» не допомагає
- → Після запуску сайт не закінчується — перший місяць критично важливий для SEO, аналітики і перших конверсій
Ви вирішили замовити сайт. Що далі? Для більшості клієнтів процес розробки — чорна скринька: віддав гроші, чекаєш результат. Але чим краще ви розумієте, що відбувається на кожному етапі — тим швидше отримаєте сайт, який дійсно працює. Якщо ви ще на етапі «чи потрібен мені сайт взагалі» — прочитайте чому бізнесу потрібен сайт. А якщо вибираєте між сайтом і мобільним додатком — є окреме порівняння. Нижче — мій процес, як він виглядає в реальності, з реальними термінами і поясненням, де потрібна ваша участь.
Етап 1: Знайомство і бриф (1-3 дні)
Все починається з розмови. Зазвичай це 30-хвилинний дзвінок або зустріч, де я з'ясовую: чим займається ваш бізнес, хто ваші клієнти, яку задачу має вирішувати сайт (продажі, заявки, інформування), які сайти конкурентів подобаються і чому, який бюджет і терміни. Детальніше про підготовку до цієї розмови: як замовити сайт і не помилитися.
На основі брифу я складаю попередню оцінку вартості і термінів. Якщо все підходить — фіксуємо вимоги в письмовому ТЗ. Це може бути Google Doc на 2-3 сторінки або повноцінний документ із структурою сайту, описом кожної сторінки і технічними вимогами. ТЗ — це ваш захист: без нього неможливо визначити, що входить у вартість, а що є додатковою роботою.
Ваша роль: чесно відповісти на запитання, показати приклади сайтів, що подобаються, погодити ТЗ. Результат: затверджене ТЗ, підписаний договір, зрозумілі очікування з обох сторін.
Етап 2: Підготовка матеріалів (3-14 днів)
Це етап, який залежить повністю від вас — і саме тут найчастіше виникають затримки. Мені потрібен логотип (SVG або PNG з прозорим фоном), тексти про ваші послуги чи товари, реальні фотографії бізнесу і доступи до домену та хостингу. Повний перелік з форматами і поясненнями: що дати розробнику перед початком роботи.
Поки ви збираєте матеріали, я починаю працювати над тим, що від вас не залежить: структура сайту, карта сторінок, підбір шрифтів і кольорів, налаштування хостингу. Але повноцінний дизайн без вашого контенту зробити неможливо — макет з placeholder-текстом «Lorem ipsum» і стоковими фото завжди виглядає гірше за реальний.
Ваша роль: зібрати і передати матеріали. Результат: все готово для старту дизайну. Якщо матеріали затримуються — весь проєкт стоїть.
Етап 3: Дизайн (3-14 днів)
Спочатку — головна сторінка. Це обличчя сайту, і саме тут я визначаю візуальний стиль: кольори, шрифти, відступи, загальний настрій. Коли головна затверджена — внутрішні сторінки йдуть швидше, бо стиль вже зрозумілий.
Я показую макет і чекаю ваш фідбек. Зазвичай 2-3 раунди правок включені у вартість. Що дуже допомагає: конкретні коментарі. «Зроби красивіше» — не допомагає. «Шапка занадто висока, кнопка "Замовити" має бути помітнішою, хочу більше повітря між блоками» — працює відмінно. Чим точніший фідбек — тим менше раундів правок.
Ваша роль: давати швидкий і конкретний фідбек. Результат: затверджений дизайн головної + внутрішніх сторінок (десктоп і мобайл).
Потрібна консультація?
Безкоштовно розберу ваш проєкт і дам рекомендації
Етап 4: Розробка (5-21 день)
Найдовший і найменш видимий для вас етап. Я перетворюю затверджений дизайн у працюючий сайт: пишу HTML/CSS-код, підключаю CMS (зазвичай WordPress), налаштовую форми, інтеграції, адаптивну мобільну версію.
Для інтернет-магазину на цьому етапі додається WooCommerce, платіжна система (LiqPay, Fondy, Monobank), Нова Пошта. Для мультимовного сайту — перемикач мов і hreflang-розмітка.
Ваша роль: мінімальна. Іноді я ставлю уточнювальні запитання — відповідайте швидко, щоб не гальмувати процес. Результат: працюючий сайт на тестовому домені.
Етап 5: Наповнення контентом (2-7 днів)
Тексти, фото і відео розставляються по місцях. Якщо ви надали матеріали вчасно (етап 2) — цей крок займає мінімум часу. Якщо тексти все ще «в процесі» — проєкт знову стоїть.
На цьому ж етапі я заповнюю SEO-метадані: title і description для кожної сторінки, alt-тексти для зображень, Schema.org розмітку. Це те, що потім показується в Google — і якщо пропустити, сайт просто не знайдуть. Як підготувати контент самостійно: інструкція з підготовки контенту.
Ваша роль: перевірити тексти на фактичну точність. Результат: сайт з реальним контентом, готовий до тестування.
Етап 6: Тестування (1-5 днів)
Я перевіряю сайт за чекілстом: всі посилання працюють, форми відправляються (і листи реально приходять на пошту), мобільна версія коректна на реальних пристроях, швидкість завантаження в нормі (PageSpeed 90+), SSL працює, базова доступність забезпечена.
Потім я надсилаю вам посилання на тестовий сервер і прошу пройти весь шлях клієнта: від головної до заявки. Спробуйте «зламати» — натискайте все, заповнюйте форми, дивіться на телефоні. Якщо щось не працює або виглядає не так — фіксуємо і виправляємо до запуску.
Ваша роль: протестувати як реальний користувач. Результат: сайт без критичних багів, готовий до запуску. Повний чекліст: чекліст перед запуском сайту.
Етап 7: Запуск і передача (1 день)
Переношу сайт на бойовий хостинг, підключаю домен, встановлюю SSL, налаштовую Google Analytics і Search Console. Якщо є Google Business Profile — прив'язую і його.
Після запуску — передаю всі доступи: хостинг, домен, адмін-панель CMS, аналітика. Проводжу коротке навчання по адмінці (як додати новину, змінити ціну, завантажити фото). На WordPress це зазвичай 20-30 хвилин. Повний список того, що клієнт отримує після здачі сайту, я зібрав в окремій статті — з чек-листом перед фінальною оплатою.
Ваша роль: перевірити, що все працює на живому домені. Результат: сайт онлайн, всі доступи у вас. Що робити далі: покрокова інструкція на перший місяць.
Загальні терміни розробки
| Тип сайту | Терміни | Вартість від | Найчастіший блокер |
|---|---|---|---|
| Лендінг | 5-10 днів | 21 000 грн | Тексти і фото |
| Корпоративний | 10-21 днів | 44 000 грн | Правки дизайну |
| Інтернет-магазин | 20-40 днів | 70 000 грн | Каталог товарів |
Ці терміни — за умови, що матеріали готові і фідбек приходить протягом 1-2 днів. Кожен тиждень затримки з вашого боку додає тиждень до загального терміну. Порахувати точну вартість під ваш проєкт: калькулятор вартості.
Часті запитання
Лендінг — 5-10 днів, корпоративний — 10-21 днів, магазин — 20-40 днів. Головний фактор — швидкість надання матеріалів і фідбеку. При ідеальній комунікації терміни ближче до мінімуму.
Логотип, тексти, фото, доступи до домену і хостингу. Повний список з форматами: що дати розробнику. Чим раніше зберете — тим швидше стартуємо.
Лендінг — від 21 000 грн, корпоративний — від 44 000 грн, магазин — від 70 000 грн. Точна ціна залежить від кількості сторінок, функціоналу та інтеграцій. Розрахуйте онлайн.
На етапі дизайну — 2-3 раунди правок включені. Після затвердження макету серйозні зміни (інша структура, нові сторінки) впливають на терміни і бюджет. Дрібні правки — без проблем на будь-якому етапі.
Працюючий сайт на вашому домені, всі доступи (хостинг, CMS, аналітика), навчання по адмін-панелі і гарантійну підтримку. Код — ваша власність. При бажанні — постійна технічна підтримка.
Так. Три речі, які прискорюють процес найбільше: готові матеріали до старту, фідбек протягом 1-2 днів (а не тижня), і мінімум правок дизайну. Терміновість як окрема послуга теж можлива — обговорюємо індивідуально.
Перший місяць — найважливіший: Google індексує сайт, накопичується аналітика, приходять перші відвідувачі. Що робити крок за кроком: інструкція на перший місяць після запуску.
Не знайшли відповідь?
Висновок: ваша роль у процесі
7 етапів, де 3 залежать переважно від вас (бриф, матеріали, фідбек на дизайн), а 4 — від мене (розробка, контент, тестування, запуск). Чим швидше ви закриваєте свою частину — тим швидше сайт починає працювати на ваш бізнес.
Готові стартувати? Порахуйте вартість, прочитайте що впливає на ціну і як обрати розробника. Якщо шукаєте загальний план — покроковий посібник зі створення сайту. Як уникнути типових помилок — окрема стаття.
