Що підготувати для розробника сайту: повний список матеріалів
Коротко
- → 80% затримок у розробці — через неготові матеріали, а не через складність коду
- → Мінімум для старту: логотип, тексти про послуги, 10-15 фото, доступи до домену і хостингу
- → Не витрачайте час на прототипи і підбір кольорів — це робота розробника, а не ваша
- → Скористайтесь калькулятором, щоб оцінити бюджет до початку збору матеріалів
Обов'язкові матеріали: без цього не починаємо
За 8+ років роботи я вивів просте правило: якщо клієнт починає проєкт без готових матеріалів — терміни розтягуються вдвічі. Не через складність коду, а через очікування логотипу, текстів, фото. Тому я завжди кажу: зберіть ці речі до першої зустрічі, і ми зекономимо і час, і гроші.
| Матеріал | Формат | Навіщо потрібен |
|---|---|---|
| Логотип | SVG або PNG з прозорим фоном | Хедер, favicon, соцмережі |
| Тексти про послуги/товари | Google Docs або Word | Наповнення сторінок послуг |
| Фотографії | JPEG/WebP, мін. 1920px по ширині | Hero-секції, галерея, портфоліо |
| Контактні дані | Текстом | Телефони, email, адреса, графік, соцмережі |
| Доступ до домену | Логін/пароль до реєстратора | Прив'язка домену до хостингу |
| Доступ до хостингу | Панель управління або FTP/SSH | Завантаження файлів, налаштування |
Логотип
Ідеальний варіант — векторний файл (SVG або AI). Якщо такого немає — хоча б PNG з прозорим фоном і роздільністю від 500px. Фото логотипу з візитки, знятого на телефон — не підходить. Якщо логотипу немає взагалі — це не блокер. Я можу зробити простий текстовий логотип зі шрифту, який потім легко замінити на професійний.
Тексти
Це найчастіший блокер. Клієнт каже «тексти будуть завтра» — і ми чекаємо два тижні. Мій порада: не намагайтесь написати ідеально. Напишіть як є — хто ви, що робите, чим відрізняєтесь від конкурентів, скільки коштує. Я відредагую і адаптую під формат сайту. Детальна інструкція: як підготувати контент для сайту.
Фотографії
Реальні фото вашого офісу, команди, робіт завжди краще за стокові. Навіть якісний знімок на iPhone краще, ніж глянцевий стоковий «бізнесмен у костюмі з ноутбуком». Мінімум 10-15 фото для бізнес-сайту. Для інтернет-магазину — фото кожного товару на білому або нейтральному фоні.
Доступи
Домен і хостинг мають бути зареєстровані на вас, а не на розробника. Це ваша власність. Якщо попередній розробник не віддає доступи — це серйозна проблема, яку треба вирішити до початку нового проєкту. Якщо домен і хостинг ще не куплені — я підкажу, що обрати: як вибрати домен, як вибрати хостинг.
Бажані матеріали: не обов'язково, але пришвидшують роботу
Брендбук або гайдлайни
Якщо у вас є фірмові кольори, шрифти, правила використання логотипу — це суттєво прискорює етап дизайну. Замість здогадок я одразу працюю в рамках вашого бренду. Немає брендбуку? Не страшно — більшість малих бізнесів його не мають, і ми визначимо візуальний стиль разом.
Приклади сайтів, які подобаються
Покажіть 3-5 сайтів конкурентів або з інших ніш, які вам подобаються. Поясніть, що саме подобається: структура, кольори, подача інформації, конкретна функція. «Хочу як у них, але кращу» — це вже корисна відправна точка. Головне — не один сайт-мрія, а кілька, бо у кожного будуть різні сильні сторони.
Відгуки та кейси
Реальні відгуки від клієнтів — потужний соціальний доказ. Якщо є скріншоти переписок, відеовідгуки або просто текстові рекомендації з іменем — готуйте одразу. Google Business Profile відгуки теж підходять.
Акаунти аналітики
Якщо у вас вже є Google Analytics, Google Search Console, Google Business Profile — дайте доступ на редагування. Так я зможу налаштувати відстеження конверсій з першого дня і підключити сайт до пошукової консолі одразу після запуску. Якщо є старий сайт, який вже працює — корисно спочатку зробити SEO-аудит, щоб зберегти позиції при переїзді.
Потрібна консультація?
Безкоштовно розберу ваш проєкт і дам рекомендації
Що НЕ потрібно готувати
Часто клієнти витрачають тижні на речі, які розробник зробить сам — і зробить краще. Ось що можна не готувати:
Прототипи і вайрфрейми
Якщо ви намалювали структуру на папері або в Figma — я подивлюсь, але не очікуйте, що результат буде точною копією. Проєктування структури — це частина моєї роботи, і я враховую SEO, конверсію та мобільну версію, які складно закласти в аматорський прототип.
Підбір кольорів і шрифтів
«Хочу синій» — достатньо. Конкретний відтінок, контраст, доступність, поєднання з фоном і текстом — це технічне рішення, яке вимагає знання дизайн-принципів. Ваша задача — сказати, який настрій хочете: серйозний, енергійний, мінімалістичний.
Технічне завдання на 50 сторінок
Детальне ТЗ — це добре для великих проєктів з декількома підрядниками. Для типового бізнес-сайту достатньо простого брифу: хто ви, що продаєте, кому, яку дію має виконати відвідувач, які сайти подобаються. Все інше ми обговоримо на першому дзвінку — як він проходить і про що там питають, я розписав окремо. Як правильно замовити сайт без зайвих помилок: покрокова інструкція.
Як передати матеріали
Найгірший варіант — надсилати фото по одному в Telegram. Я отримую 47 повідомлень, половина без підписів, і витрачаю годину на сортування. Найкращий варіант — одна папка на Google Drive з простою структурою:
| Папка | Що всередині |
|---|---|
| 01-Логотип | SVG, PNG, вихідний файл (AI/PSD) |
| 02-Тексти | Google Docs — по одному файлу на сторінку |
| 03-Фото | Підписані файли: team-01.jpg, office-01.jpg |
| 04-Доступи | Один файл: домен, хостинг, пошта, аналітика |
| 05-Референси | Посилання на сайти + коментарі що подобається |
Надайте доступ на перегляд і надішліть одне посилання. Все. Один лінк замість 50 повідомлень — і ми стартуємо на день раніше.
Що буде, якщо матеріали не готові
Реальна картина: я отримую передоплату, починаю працювати над структурою і дизайном — і зупиняюсь, бо немає текстів. Чекаю тиждень. Два. Беру інший проєкт. Коли тексти нарешті приходять — мій розклад вже зайнятий іншим замовленням, і ваш проєкт відкладається ще на тиждень.
Це не примха — це реальність роботи фрілансера з обмеженим часом. Затримка матеріалів на 2 тижні може перетворитися на затримку проєкту на місяць. А головне — це коштує вам грошей: кожен тиждень без сайту — це тиждень без заявок, які він міг би приносити.
Моя рекомендація: зберіть все до підписання договору. Не «потім довезу» — а до старту. Це дисциплінує і вас, і мене, і гарантує, що проєкт рухається без пауз. Як виглядає весь процес від замовлення до здачі: етапи розробки сайту.
Часті запитання
Так, але це окрема послуга. Я можу написати або відредагувати тексти, але це входить у вартість додатково. Найшвидший варіант — ви пишете чернетку своїми словами, я адаптую під формат сайту. Детальніше: як підготувати контент для сайту.
Стартуємо з текстового логотипу — назва компанії красивим шрифтом. Це виглядає краще, ніж неякісний логотип, зроблений «на колінці». Коли бюджет дозволить — замовите професійний дизайн і ми замінимо за 10 хвилин.
Бажано, але не критично. Хороший знімок на сучасний смартфон при денному світлі — цілком робочий варіант. Головне — реальні фото вашого бізнесу, а не стокові зображення «щаслива бізнес-леді».
Google Doc з обмеженим доступом або менеджер паролів (1Password, Bitwarden). Не надсилайте паролі в Telegram або SMS — це небезпечно. Після завершення проєкту змініть усі паролі, до яких мав доступ розробник.
Якщо бізнес працює і матеріали розкидані по месенджерах, пошті та телефону — 2-5 днів на збір і впорядкування. Якщо починаєте з нуля (немає логотипу, немає текстів) — тиждень-два. Не чекайте ідеального — зберіть 80% і стартуйте.
Для типового бізнес-сайту на 5-10 сторінок — ні. Достатньо короткого брифу в вільній формі: хто ви, що продаєте, кому, яку дію має виконати відвідувач. Для складних проєктів (магазин з 1000+ товарів, інтеграції з CRM) — так, і я допоможу його скласти.
Готові матеріали не знижують вартість розробки, але суттєво прискорюють терміни. Замість 4-6 тижнів корпоративний сайт може бути готовий за 3-4. Порахувати точну вартість: калькулятор вартості сайту.
Не знайшли відповідь?
Висновок: підготовка = швидкий результат
Логотип, тексти, фото, доступи — чотири речі, які визначають, чи почнемо ми працювати цього тижня, чи будемо чекати місяць. Все інше — брендбук, прототипи, підбір кольорів — або бажане, або взагалі не ваша задача.
Зберіть матеріали в одну папку на Google Drive, порахуйте бюджет у калькуляторі і зв'яжіться зі мною. Чим краще ви підготуєтесь — тим швидше сайт почне приносити заявки. А як обрати розробника, якщо ще не визначились: як вибрати веб-розробника.
