Бриф на розробку сайту. Шаблон (приклад), з яким вам буде зручно
Завдяки конструкторам фрилансери можуть швидко створювати сайти з профі-дизайном та безпроблемною роботою. Бібліотека шаблонів, налаштування стилів, інтеграція eCommerce, інтуїтивний редактор. Конструкторам немає альтернатив для швидкої та економної розробки.
Але найважливіший аспект створення сайтів – це взаєморозуміння із клієнтами. Жодна технологія не замінить його. І особливо важливе брифування або отримання всіх даних, які потрібні для початку роботи над сайтом клієнта.
У цій статті разом з конструктором сайтів Weblium ви дізнаєтеся, яким має бути ідеальний бриф і як не забути про жодну важливу деталь.
Що таке бриф на розробку сайту. У двох словах
Бриф на розробку сайтів – це документ чи листування, в яких викладаються деталі проєкту: особливості бізнесу, портрет аудиторії, потрібні можливості сайту, вимоги до оформлення та брендингу, бюджет та терміни.
Основні елементи брифу. 13 питань, яких не уникнути
Ми підготували для вас бриф. Він універсальний. До нього ви можете додати свої запитання або прибрати зайві, трохи переписати його у близькому вам стилі. А потім адаптувати до потрібного формату (наприклад, онлайн-форми або таблиці – про отримання брифа читайте у наступному розділі статті).
1.Завдання сайту
- Чи є у вас зараз сайт? Що вам подобається і не подобається у ньому?
- Яка кінцева мета вашого сайту (наприклад, прямі продажі, надання інформації про компанію, використання як вітрини товарів).
- Якщо є додаткові цілі сайтів, вкажіть їх.
Щоб допомогти клієнту, ви можете прикріпити перелік причин і цілей створення сайту (список також корисний, якщо у клієнта вже є сайт):
- Покращення логічної структури сайту
- Залучення більшої кількості клієнтів
- Впровадження сучасних трендів дизайну
- Створення багатомовного сайту
- Збільшення впізнаваності бренду
- Просування нового продукту або послуги
- Збільшення кількості продажів
- Інформування (інформаційна мета)
- Ребрендинг або редизайн попереднього сайту
- SEO-оптимізація сайту, усунення помилок
2.Особливості бізнесу
- Вкажіть особливості бізнес-ніші, в якій ви працюєте. Що визначає конкуренцію в ніші?
- Розкажіть про точки зростання, які можуть бути у вашого бізнесу в майбутньому.
3.Конкуренти
- Розкажіть про ваших конкурентів. Що унікального пропонуєте ви у порівнянні з конкурентами, які переваги мають конкуренти?
- Наведіть сайти конкурентів, які вам подобаються. Опишіть, що вам подобається і не подобається у сайтах конкурентів?
- Які можливості сайтів конкурентів ви хотіли б побачити на своєму сайті?
4.Цільова аудиторія
- Визначте демографічні дані та характеристики цільової аудиторії сайту: вік, стать, географію та інтереси.
- Якщо у вас є портрет ідеального клієнта, розкажіть про нього детальніше.
- Опишіть потреби та мотиви цільової аудиторії та те, як сайт їх вирішуватиме.
5.Уподобання в дизайні
- Скажіть чи є конкретні кольори, шрифти або типи зображень, які повинні бути на сайті?
- Наведіть приклади сайтів чи стилів у дизайні, які вам подобаються або не подобаються. Чому вони вам подобаються або не подобаються?
- Який настрій має викликати дизайн вашого сайту? Перерахуйте ці емоції.
Як підказку для клієнта ви можете додати таку карту емоцій. Клієнт сам обере, що характерне для його майбутнього сайту, а що ні:
- Суворий корпоративний стиль
- Яскравий, помітний дизайн
- Позитивний і веселий дизайн
- Дизайн насичений зображеннями
- Динамічний сайт: анімації та відеофони
- Статичний сайт: без анімацій та відволікаючих елементів
- Дизайн з акцентом на мінімалізм
- Дизайн з акцентом на функціональність
6.Брендинг
- Чи є у вас брендбук? Якщо є, завантажте його. Наскільки він актуальний, наскільки потрібно дотримуватись його вимог?
- Чи є у вас ідеї щодо того, як сайт повинен відображати індивідуальність бренду та послання бренду? Розкажіть як саме.
7.Контент
- Чи є у вас копірайтер, який міг би підготувати текстовий контент для сайту?
- Чи можна використовувати на сайті інформацію з інших ваших матеріалів? Прикріпіть публікації, презентації, статті, пости із соцмереж, маркетингові документи, відгуки.
- Вкажіть, чи можемо ми брати фото, ілюстрації та відео з платних стоків або тільки з безкоштовних? Якщо у вас є фото, які повинні бути на сайті, надішліть їх.
8.Можливості
- Перерахуйте можливості, які мають бути на сайті. Ваш сайт має бути однією мовою чи потрібна багатомовність?
- Чи є необхідність у готових інтеграціях або сторонніх віджетах? Що саме вас цікавить?
- Чи потрібно додавати на сайт форми зворотного зв'язку, попапи, підписку на новини, модуль інтернет-магазину, файли для завантаження, FAQ?
- Вам потрібен блог? Додати стрічку публікацій на головну, розміщувати посилання на блог в підвалі чи шапці сайту?
На Weblium є готові інтеграції. Їхнє підключення можете запропонувати клієнту за додаткову плату:
- CRM-системи: Snov.io, OWOX BI
- Масові розсилки: Mailchimp, SendPulse, AWeber
- Чати та телефонія: LiveChat, Tawk.to, Binotel
- Аналітика: Google Tag Manager, Facebook Pixel, Hotjar
9.Навігація та карта сайту
- Яким має бути шлях користувача (наприклад, він повинен отримати максимум інформації про нас або якнайшвидше переходити до цільової дії)?
- Які сторінки на сайті обов'язкові? Які з них мають бути унікальними, а які відрізнятимуться лише за наповненням?
Приклад: Про нас (унікальна), команда (унікальна), сторінка послуги "Експрес-курс", сторінка послуги "Інтенсив" (типова, структурно така сама як “Експрес-курс”, але з іншим контентом).
10.Головна сторінка
- Якою має бути головна сторінка: мінімалістичною чи докладною?
- Які функції потрібно реалізувати на головній сторінці (наприклад, перехід до магазину, надсилання форм, детальний опис послуг)?
- Що потрібно розмістити на головній сторінці сайту?
11.Бюджет і терміни
- Визначте бюджет та терміни проєкту (з зазначенням конкретних етапів, які потрібно закінчити до певного часу).
- Чи потрібна вам підтримка після запуску сайту? Яку саме, як довго потрібно надавати підтримку?
12.Прийом робіт
- Визначте відповідальних за кожний етап прийому робіт? Вкажіть їх контактні дані та посади.
- Скажіть скільки етапів правок ви хотіли б бачити? Після яких кроків розробки сайту ви хотіли б давати зворотний зв'язок?
13.Запуск сайту
- Ви хотіли б отримати сайт, готовий до запуску, або вже запущений сайт?
- Чи буде SEO на сайті? Коли ви готові надати всі необхідні елементи контенту для оптимізації SEO?
- У вас є домен для сайту чи його потрібно купити? Який має бути домен, якщо його потрібно купувати?
Як отримати бриф від клієнта. Трохи канцелярії
Брифуватися можна по-різному – залежно від особливостей проєкту, вподобань вашого клієнта та вашого підходу до роботи:
- Для лаконічного сайту-візитки вистачить брифу з кількома сторінками у Google Docs та папки з контентом, а для багатосторінкового сайту послуг з унікальними сторінками краще все зафіксувати у великому супровідному документі чи таблиці.
- Деякі клієнти люблять відеодзвінки або активне листування поштою, тоді як іншим зручніше заповнювати таблиці та онлайн-форми або докладно описувати завдання у текстових документах.
- Не забувайте про себе. Світ фрилансу підготував місце кожному: і інтровертам, для яких максимум контакту – це електронні листи, і гучним дизайнерам, для яких особиста зустріч – найприємніша частина роботи. Якщо темперамент клієнта не комфортний для вас, не бійтеся відмовлятись від проєкту.
Але яким би способом ви не отримали інформацію, її вам повинно вистачати для розуміння завдань проєкту. І пам'ятайте – завжди фіксуйте остаточні домовленості письмово. Так у разі розбіжностей вам буде легше встановити, хто допустився помилки.
Безпосередньо оформити бриф ви можете одним із таких способів:
онлайн-форми, кастомна сторінка-форма (її можна створити з Weblium), короткі опитувальники, обмін електронними листами та текстовими файлами у листах, таблиці, сервіси ментальних карт, письмовий договір із додатками, сервіси управління проєктами (Trello, Asana).
Етапи розробки сайту. Перетворюємо бриф на сайт
Кожен сайт під час створення проходить через обов'язкові етапи. Їх не можна обійти чи замінити. Ваш бриф буде дорожньою картою розробки.
Перш ніж братися за створення сайту, важливо отримати від клієнта інформацію про маркетингові цілі сайту. Це може включати відомості про цільову аудиторію, ідею ресурсу, стиль комунікації з відвідувачами сайту, технічні вимоги (наприклад, на сайті має бути легкий контент для його швидкого завантаження).
Якщо замовник не передав усю потрібну інформацію, ви можете запропонувати свої послуги з дослідження та стратегії.
Використовуючи конструктор, ви швидко розподілите контент у блоки і окреслите підхід до дизайну в драфті (попередньому макеті). Щоб прискорити роботу, шукайте близький за тематикою та наповненням шаблон у бібліотеці Weblium. Його ви швидко адаптуєте до брендингу та побажань клієнта.
Як тільки драфт готовий – надсилайте його клієнту на схвалення. Якщо все окей, додавайте посилання та елементи навігації, контент. На цьому етапі ви побачите, наскільки добре текст, фото та відео, елементи цільових дій поєднуються між собою.
Коли дизайн та макети кількох сторінок готові, починайте наповнювати весь сайт контентом та створювати дизайн сторінок, що залишилися. Ви також можете інтегрувати необхідні інструменти eCommerce, щоб зробити сайт повністю функціональним.
Тепер час отримати фідбек від клієнта, якщо такий етап передбачає бриф. Після цього робіть дизайн фінальним, починайте тестування та адаптацію сайту під різні пристрої та різну роздільну здатність екранів.
Якщо ви створюєте сайт із Weblium, робота для вас також буде. Але фронт робіт сильно зменшиться, оскільки макети на Weblium гнучкі, а мобільні адаптації створюються автоматично. Однак ви можете додатково налаштувати вигляд елементів мобільної версії, а також створювати або вимикати окремі блоки саме для адаптації.
Після того, як сайт створено та відбулось тестування, саме час опублікувати його. Вам потрібно підключити доменне ім'я, оптимізувати сайт для пошукових систем. Після запуску сайту ви можете просувати його серед цільової аудиторії, щоб залучити трафік.
Залежно від потреб клієнта, ви також можете запропонувати постійне обслуговування: додавання нового контенту, виправлення будь-яких проблем, а також оновлення дизайну та функцій за необхідності.
Ви вже знаєте все про бриф, час створювати сайти
Weblium – конструктор, який спрощує роботу дизайнерів зі створення сайтів. З нами ви можете навіть отримувати фідбек від клієнтів одразу в конструкторі завдяки режиму коментування. Приєднуйтесь до платформи – ви майже у родині ефективних дизайнерів.