Що підготувати перед замовленням сайту: чек-лист

Що підготувати перед замовленням сайту в першу чергу

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

Збирати все до останнього файлу не обов'язково. Головне, щоб на старті було зрозуміло, який сайт потрібен і навіщо. Решту матеріалів можна передавати за етапами, якщо вони зібрані системно і є людина, яка за них відповідає.

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

Як проходить розробка сайту і як матеріали впливають на строки

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

Типовий процес складається з чотирьох етапів, і на кожному від вас потрібне своє:

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

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

Що написати в брифі: тип сайту, цільова дія, аудиторія і переваги

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

Тип сайту. Від нього залежить структура й обсяг матеріалів:

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

Якщо не впевнені, який тип вам підходить, опишіть задачу своїми словами. Наприклад: «Автосервіс, хочемо, щоб записувалися на діагностику з Google». Тип сайту підберуть на обговоренні.

Цільова дія. Одна головна дія, заради якої існує сайт: залишити заявку, зателефонувати, написати в Telegram, купити, записатися. Другорядні дії теж можна вказати. Але якщо сайт водночас просить подзвонити, підписатися, завантажити каталог і купити, з'являється ризик розпорошити увагу: відвідувачу може бути складніше зрозуміти, що зробити першим.

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

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

Переваги. Не «якість і надійність», а факти: строк виконання робіт, гарантія, власне виробництво, сертифікати, кількість об'єктів, район роботи. Пишіть тільки те, що можете підтвердити.

Конкуренти. Посилання на кілька сайтів компаній у вашій ніші з коротким коментарем: що в них добре, що погано, чим ви відрізняєтеся. Ці посилання потрібні розробникам для аналізу, на сайті назви конкурентів не з'являться.

Які референси, логотип і фірмовий стиль підготувати для дизайну

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

Як зібрати референси

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

Для кожного референсу напишіть один-два рядки:

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

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

Окремо вкажіть колірну гаму: кольори бренду, якщо вони є, або побажання («спокійні природні відтінки», «без червоного»). Якщо є точні коди кольорів (HEX, наприклад #1A3C6E), додайте їх.

Логотип і фірмовий стиль

Логотип потрібен у форматах, які не втрачають якості при масштабуванні:

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

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

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

Які тексти потрібні для сайту і хто може їх написати

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

Що має бути в текстах

• Перший екран: що ви робите, для кого і яка головна вигода. Одне речення заголовка, одне-два речення пояснення.
• Послуги чи товари: що входить, для кого, результат для клієнта.
• Ціни: конкретні ціни, діапазони або перелік факторів, від яких залежить вартість. Без жодного орієнтира клієнт може піти шукати далі.
• Як ви працюєте: етапи від звернення до результату.
• Про компанію: скільки працюєте, де, чим відрізняєтеся. Без загальних фраз про «команду професіоналів».
• FAQ: запитання, які клієнти справді ставлять менеджерам у месенджерах і телефоном; для старту вистачить найчастіших.
• Відгуки: реальні, з іменем, бажано з посиланням на джерело (Google-карти, Instagram).
• Кейси або портфоліо: що було, що зробили, результат, фото.

Чому не варто робити прототип на заглушках

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

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

Хто пише тексти

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

Які фото й відео підходять для сайту

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

Вимоги до якості

• Роздільна здатність: для першого екрана й банерів потрібні фото більшого розміру, ніж для карток товарів і галерей. Точні розміри залежать від макета, їх підкаже дизайнер; безпечніше одразу передати оригінал у максимальній якості.
• Орієнтація: горизонтальні для заставок і великих блоків, квадратні або вертикальні для карток товарів і мобільних версій. Якщо є можливість, знімайте обидва варіанти.
• Світло: денне або рівне штучне, без жовтих ламп і різких тіней.
• Оригінали: передавайте вихідні файли, а не фото з Telegram чи Viber. Месенджери стискають зображення, і на великому екрані вони можуть виглядати розмито.

Що знімати

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

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

Стокові фото і права

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

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

Які контакти, дані ФОП чи ТОВ і канали для заявок вказати

На сайті мають бути актуальні телефони, месенджери, соцмережі, графік роботи, адреса або зона обслуговування, дані ФОП чи ТОВ, які ви вирішите показати, а також визначено, куди надходитимуть заявки з форм. Ці дані потрібні на етапі верстки, і їх часто збирають в останній момент.

Контакти

• телефони з позначкою, який для чого (продажі, сервіс), і чи є на них Viber, Telegram, WhatsApp;
• посилання на месенджери й соцмережі: Instagram, Facebook, Telegram-канал, YouTube, TikTok;
• email для зв'язку;
• графік роботи, включно з вихідними;
• адреса з точкою на Google-картах або зона обслуговування, якщо ви працюєте на виїзді («Київ і область», «по всій Україні з доставкою»).

Дані компанії та документи

У футері сайтів часто розміщують дані бізнесу: для ФОП це може бути ПІБ і РНОКПП або номер запису в реєстрі, для ТОВ повна назва, код ЄДРПОУ, адреса. Сайти з формами заявок нерідко мають політику конфіденційності, а інтернет-магазини ще й публічну оферту та умови повернення.

Це не універсальний обов'язковий перелік. Які дані показувати й які документи потрібні саме вам, залежить від виду діяльності та чинних на 2026 рік вимог, тому перед запуском перевірте це з юристом. Розробникам потрібні лише готові тексти для розміщення.

Куди надходитимуть заявки

Вирішіть заздалегідь, куди мають приходити заявки з форм:

Вкажіть конкретні адреси пошти, акаунти Telegram або CRM-систему, з якою потрібна інтеграція. Найгірший сценарій: сайт запущено, а заявки приходять на пошту, яку ніхто не перевіряє.

Які доступи передати розробнику і як зробити це безпечно

Розробнику потрібні доступи до домену й хостингу, до старого сайту при редизайні, до Google-сервісів аналітики та, якщо вони є, до рекламних кабінетів і Meta-пікселя. Домен і акаунти мають бути зареєстровані на вас або вашу компанію: розробник отримує доступ, а не власність.

Що передати

• Домен: назва реєстратора, доступ до кабінету. Якщо домену ще немає, оберіть назву й підготуйте запасні варіанти на випадок, якщо основна зайнята.
• Хостинг: назва провайдера, доступ до панелі керування, якщо сайт розміщуватиметься на вашому хостингу.
• Старий сайт (при редизайні): доступ до адмінки, хостингу, бази даних. Це потрібно, щоб перенести контент і налаштувати переадресацію зі старих сторінок і не втратити відвідувачів з пошуку.
• Google-акаунти: Google Analytics, Google Search Console, Google Tag Manager, Google Business Profile.
• Рекламні кабінети: Google Ads, Meta Business Suite, якщо реклама вже ведеться або планується, а також Meta-піксель для відстеження заявок.

Як передавати безпечно

1. Видавайте доступ через запрошення, а не паролем. Google Analytics, Search Console, Tag Manager і Meta Business Suite дозволяють додати користувача за email з потрібною роллю. Після завершення роботи доступ можна відкликати.
2. Не пересилайте паролі відкритим текстом у месенджері чи пошті. Якщо пароль передати все ж потрібно, використовуйте менеджер паролів із функцією спільного доступу або повідомлення, що самознищується.
3. Змініть пароль після завершення робіт, якщо передавали саме пароль.
4. Увімкніть двофакторну автентифікацію на кабінеті реєстратора домену й на пошті, до якої він прив'язаний.
5. Перевірте, на кого зареєстровано домен. Якщо його колись реєстрував попередній розробник на свій акаунт, перенесіть домен на себе до початку нового проєкту.

Що підготувати для інтернет-магазину: каталог, оплата і доставка

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

Каталог товарів

Зберіть каталог у таблиці Excel або Google Sheets. Базовий набір колонок може бути таким:

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

Окремо продумайте структуру категорій: як покупець шукатиме товар. Фільтри (бренд, розмір, ціна, колір) теж плануйте заздалегідь, бо під них потрібні окремі колонки характеристик.

Оплата і доставка

• Способи оплати: онлайн-оплата карткою, накладений платіж, оплата за реквізитами.
• Платіжна система: обліковий запис у LiqPay, Fondy, WayForPay чи іншій системі, оформлений на ваш бізнес. Які дані й документи потрібні для підключення, система повідомляє під час реєстрації; перевірка займає час, тому почніть її паралельно з розробкою.
• Доставка: служби доставки, самовивіз, кур'єр, вартість, хто платить, строки відправлення.
• Умови повернення, обміну й оферта: підготуйте тексти відповідно до переліку, який ви визначили для свого бізнесу (див. розділ про дані компанії та документи).

Повідомлення про замовлення

Визначте, хто й де отримує повідомлення про нове замовлення: пошта, Telegram, CRM. Також вирішіть, які листи отримує покупець: підтвердження замовлення, номер відправлення.

Що робити, якщо матеріалів майже немає

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

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

Мінімальний пакет для запуску першої версії може виглядати так:

• назва компанії й текстовий логотип;
• перелік послуг або товарів з короткими описами;
• ціни або фактори, від яких залежить ціна;
• кілька власних фото команди, робіт і приміщення;
• телефон, месенджер, графік, зона обслуговування;
• домен або обрана назва для нього;
• канал, куди приходитимуть заявки.

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

Решту (кейси, розширений FAQ, відео, блог) можна додати після запуску. Головне, щоб у структурі одразу було передбачено для них місце.

Які помилки клієнта затягують розробку сайту

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

• Матеріали частинами без системи. Фото в Telegram, тексти в пошті, ціни голосовим у Viber. Розробник витрачає час на пошук і уточнення, а частина файлів губиться. Рішення: одна спільна папка в Google Drive з підпапками «Тексти», «Фото», «Логотип», «Документи».
• Неякісні вихідні файли. Фото з месенджерів і логотип скриншотом часто доводиться замінювати, коли вони вже стоять у макеті.
• Домен на чужому акаунті. Якщо людина, яка колись реєструвала домен, перестає відповідати, запуск може зупинитися.
• Немає відповідального. Коли правки погоджують троє людей з різними думками, кожен етап затягується. Призначте одну людину, яка збирає відгуки всередині компанії і дає фінальну відповідь.
• Зміна концепції на етапі верстки. Нові блоки чи сторінки після затвердженого дизайну означають повернення назад. Узгоджуйте структуру уважно на етапі прототипу.
• Довге погодження. Якщо кожна відповідь займає тиждень, строк проєкту розтягується. Домовтеся з командою про зручний для обох сторін строк відповіді ще на старті.

Чек-лист матеріалів перед замовленням сайту для копіювання

Скопіюйте список і позначайте готові пункти. Бриф, референси й контакти бажано підготувати до першої зустрічі, решту можна передавати поетапно.

• [ ] Бриф
• [ ] Референси з коментарями й кольори
• [ ] Логотип у векторі, брендбук або назви шрифтів
• [ ] Тексти чи тези за блоками сайту
• [ ] Оригінали фото з правами на використання
• [ ] Контакти, графік, зона обслуговування
• [ ] Дані компанії й тексти документів
• [ ] Канал для заявок
• [ ] Перевірений власник домену й доступи через запрошення
• [ ] Для магазину: каталог, платіжна система, умови доставки й повернення
• [ ] Спільна папка й відповідальна людина

Читайте також

• AI-чат-бот для бізнесу на сайті, в Instagram і Telegram
• Контакти Bravo Digital, Telegram, Viber і телефон
• Про Bravo Digital, розробка сайтів, реклама і SEO