Стаття написана за участі веброзробника A/Typical Agency Павла Мазура.
Вашому бізнесу потрібен сайт або лендінг, що працюватиме на досягнення маркетингових цілей? Створення такого сайту — це комплексний процес, який включає стратегію, дизайн, контент та, звісно, технічну розробку. Саме тому багато компаній обирають співпрацю з агенцією, яка бере на себе всі етапи – від концепції до просування.
Однак, розуміння технічної сторони процесу та вміння чітко формулювати свої потреби є ключовим для успішної співпраці, навіть коли ви працюєте з агенцією. Щоб допомогти вам у цьому, ми (спільно з веброзробником A/Typical Agency Павлом Мазуром) підготували гайд про те, як ефективно комунікувати щодо веброзробки та які нюанси варто знати на старті.
Чим займається веброзробник?
Від стоматолога ми не очікуємо гарної зачіски. Але якщо тут все очевидно, то що саме робить веброзробник — розуміють не всі.
Він займається розробкою вебсторінок і вебзастосунків. Маркетолог, дизайнер та копірайтер працюють над макетом сторінки, веброзробник пише код, завдяки якому картинка перетворюється на робочий сайт.
Сайт The Body School. Розроблено A/Typical
Залежно від спеціалізації, веброзробники бувають різними:
Frontend-розробник займається розробкою візуальної частини вебсторінок за дизайн-макетами, а також їхніми інтерактивними елементами, такими як слайдери та анімації. Його завдання — сформувати зовнішній вигляд сторінки, без прописування логіки роботи елементів. Наприклад, збереження та обробка даних працювати не буде.
Для цього потрібно підключати backend-розробника. Його робота вже тісніше пов'язана з програмуванням: бек-розробник прописує скрипти (наприклад такі, які захистять платіжні дані ваших клієнтів), інтегрує сайт з CRM, SendPulse та іншими інструментами.
Fullstack-розробник може і візуальну частину створити, і функціонал підключити. Проте якщо потрібна розробка суперскладної системи, краще розділяти. Плануєте співпрацю з fullstack-розробником? Поясніть, який результат вам потрібен і попросіть приклади робіт, у яких реалізовано подібний функціонал. Бо спеціалістів, які досконало розуміються і на frontend-, і на backend-розробці, не так багато. Якщо розробник не впевнений, що впорається з певними вашими запитами, краще додатково залучити розробників для роботи над окремими частинами проєкту.
А чим веброзробник не займається?
Нерідко від розробників очікують текстів на сторінку та елементів у дизайні. Але веброзробник не робить сайт “під ключ”. Тексти, структура сторінки і візуал — робота копірайтера та графічного дизайнера.
Деякі веброзробники дійсно можуть написати текст для простого інтернет-магазину чи створити якогось “метелика”. Якщо ви потребуєте дуууже простих рішень — можливо, ваш спеціаліст допоможе і з текстом, і з дизайном за додаткову плату.
Який веброзробник потрібен для виконання маркетингових задач?
Уявімо сценарій, у якому вам потрібно найняти у штат лише одного спеціаліста. Кого обрати з врахуванням того, що більшість задач пов'язані з маркетингом (створення лендінгів, електронних листів)?
У маркетингових агенціях 90% роботи розробника — це верстка. Тому логічним рішенням буде взяти у команду frontend-розробника, який зможе верстати та виконувати прості backend-задачки. Для інтеграції складних систем ви можете точково залучати backend- або fullstack-розробника.
Сайт Smart Launch, edutainment-проєкту A/Typical
Як оцінити технічного спеціаліста, якщо я не експерт?
Хоча співпраця з агенцією знімає з вас більшість питань щодо підбору та контролю технічних спеціалістів, розуміння базових критеріїв оцінки може бути корисним. Особливо, якщо ви з якихось причин вирішили шукати виконавця на фрилансі або оцінюєте підрядників агенції.
Без глибокого розуміння веброзробки оцінити рівень кваліфікації складно. Але ви все-таки можете зробити певні дії, щоб “відсіяти” кандидатів з очевидно низьким рівнем:
Перше — попросіть відгуки. У розробника може бути власний сайт, на якому розміщені відгуки клієнтів. Це також можуть бути скриншоти повідомлень та рекомендаційні листи від компаній.
Друге — перегляньте портфоліо. Воно має бути обов'язково. Зайдіть на сайт та оцініть, наскільки швидко завантажуються сторінки (краще обирати ті, на яких більше зображень). Якщо у вас чудовий інтернет, але сторінки з купою графіки вантажаться не за кілька секунд, а за кілька хвилин — це погана робота. Зайдіть на сайт з усіх девайсів, які маєте: ноутбука, планшета, смартфона.
Зображення не мають деформуватися, кожна функція має працювати ідеально. Це не є гарантією того, що ви зустріли справжнього профі, але без розуміння програмування це можливість хоча б базово оцінити рівень веброзробника.
Що треба розповісти веброзробнику перед стартом робіт?
Для розуміння ваших потреб розробнику на старті потрібна така інформація:
- Ціль створення сайту (анонс події, блог, інтернет-магазин, лонч курсу тощо).
- Який трафік буде на сторінці? (50 людей на день або 50 тисяч: від кількості відвідувачів залежить те, яке технічне рішення обрати)
- Який контент буде на сторінці?
- Функціонал сторінки (кошик, каталог, збір даних у CRM).
На основі ваших відповідей розробник сформує технічне завдання, покаже вам і після узгодження можна починати роботу.
Замовляєте сайт вперше? Ось, на що потрібно звернути увагу
Намагайтесь дотримуватися типових рішень, які є на ринку. Якщо у вас складний, кастомний проєкт (розробка калькуляторів, конструкторів, адміністративних панелей, які мають збирати, обробляти та виводити специфічні дані, наприклад, статистику), який потребує групи програмістів, універсальних рекомендацій не може бути. Треба зібрати цілу команду крутих спеціалістів з тімлідом. У такому випадку неможливо точно передбачити ні дедлайни, ні кількість правок, ні кінцевий результат.
Якщо розробляється специфічний функціонал без готових або навіть частково готових рішень, прогнозувати процес складно: дедлайни зазвичай зростають у 2-3 рази, а похибка збільшується разом із масштабом проєкту, адже це для програмістів радше експериментальна діяльність. Точніші оцінки можливі лише за наявності вкрай детального технічного завдання, яке ретельно описує всі функціональні одиниці та взаємозв’язки, але такі ТЗ – рідкість.
Але якщо вам потрібен типовий сайт — інтернет-магазин, наприклад, — буде краще, якщо розробник використає популярні рішення. Що це означає? Якщо ви перестанете співпрацювати з розробником, ваш проєкт має підхопити інший. Кожен програміст в такому випадку спершу розбирає логіку, за якою був створений код, скрипти та інтеграції. Перевага готових рішень в тому, що вони універсальні та не залежать від окремого розробника. Обговоріть це на старті.
Сайт FUTURES. Розроблено A/Typical
Розбийте розробку сторінки на кілька етапів. Після кожного оцінюйте проміжний результат та оплачуйте роботу. Це закриє кілька проблем:
1) Ви зможете контролювати терміни роботи.
2) Будете вносити правки одразу — коли виправити помилки легше.
3) Не залишитесь без нічого, якщо розробник раптово зникне чи перестане з вами працювати. Тут також важливо, щоб проєкт не знаходився лише у руках розробника (на його хостингу, наприклад). Забирайте код, який оплатили.
Зведіть до мінімуму використання підписок. Якщо ваша сторінка чудово працюватиме без скриптів за підписку, краще від них відмовитись. При створенні більшості сторінок можна використовувати безкоштовні рішення, за які вам не доведеться платити щомісяця.
Як визначається вартість розробки сторінки?
Якщо ми говоримо про кастомну розробку, де не використовуємо готові інструменти на кшталт WordPress або подібних плагінів, які вже є на ринку, то оцінити вартість дуже складно. Це може бути проєкт від ста доларів і до мільйона. У такому випадку розробник складає список типових рішень, вартість яких фіксована. Наприклад, який би складний не був інтернет-магазин, він все одно складається з верстки вітрини, скрипта кошика та інтеграції системи оплати.
Вартість інших, нетипових задач, розробник буде прораховувати, виходячи з часу, який витратив на них.
Якщо це типові рішення — сторінка на базі Wordpress, до прикладу, — на старті вартість порахувати досить легко. У спеціалістів на ринку вже є чітка сітка цін.
Наприклад: спеціаліст бере WordPress та робить базовий шаблон, верстає типовий блок, який повторюється на всіх сторінках, використовує загальні стилі та шрифти. В такому випадку налаштування системи сторінки — це єдиний комплекс робіт, який оплачується фіксовано, як і верстка кожної додаткової сторінки визначається за тисячу пікселей висоти макета.
Якщо є ще каталог, додається ще вартість розробки шаблонів для нього. У підсумку все працює, як конструктор: елементи складаються разом, формуючи фінальну ціну.
Скільки часу займає розробка сайту?
Один розворот — це приблизно 800px висоти, середньостатистична висота робочої області екрана в браузері на комп'ютері, тобто той шматок сайту, який ви бачите, коли його відкриваєте. Тисячу пікселей макета можна створити приблизно за годину-півтори. Якщо ми беремо сторінку на 6-7 розворотів, це приблизно 4 тисячі пікселів та 6 годин роботи. З кава-брейками — один робочий день.
На інтеграцію додаткових систем, як правило, потрібно 1-2 дні.
Під час створення складних сайтів з кастомними рішеннями (наприклад, розробка скриптів, які будуть збирати дані з форм сайту, логінити користувачів в системі, давати їм доступ до певного закритого контенту, рахувати статистичні дані по взаємодії з інтерфейсами), розрахувати час важче. Потрібно створити скрипти, перевірити, чи вони працюють. Це може займати 1-2 тижні. Проте зазвичай процес затримується через поточні зміни логіки та технічного завдання.
додати приклад, що таке кастомна розробка
Що може піти не так?
Якщо ви співпрацюєте з перевіреною агенцією, вона надає вам гарантії того, що ви отримаєте той результат, за яким прийшли. На жаль, при співпраці з фрилансерами таких гарантій немає.
Сайт художниці Ліліт Саркісян. Розроблено A/Typical
Постійна технічна підтримка
Якщо веброзробник написав скрипти, які змушують постійно підтримувати сайт, щоб він працював без збоїв — це погана робота і такі скрипти створюють купу проблем: від багів до крадіжки банківських даних ваших користувачів шахраями.
Якісно зроблений сайт не потребує регулярної технічної підтримки — він просто працює. Можливо, вам потрібно буде постійно наповнювати його новими товарами або розміщувати статті, але це вже обов'язки вашої команди. Веброзробник без попередніх домовленостей не має цим займатись після того, як віддав готовий сайт.
DDoS-атаки
Як би веброзробник не намагався убезпечити ваш сайт, зламати можна що завгодно. Не існує на 100% захищених систем. Навіть державні реєстри вразливі до хакерських атак.
Гарна новина в тому, що тут існує чіткий взаємозв'язок з грошима. Тому що будь-який злам коштує великих грошей.
Наприклад, щоб організувати DDoS-атаку, треба орендувати певні потужності в інтернеті, розмістити там скрипти, знайти спеціаліста, який це зробить. Відповідно, якщо ви представник малого та середнього бізнесу і ваші конкуренти не мають кількох зайвих тисяч доларів, щоб вам нашкодити, боятися нічого.
Наприклад, на 500 доларів конкуренти можуть “подедосити” ваш сайт аж 5 хвилин. Після цього він чудово працюватиме як і працював до.
Якщо у вас мільйонні трафіки та серйозні конкуренти, розробник може запропонувати за підписку поставити інтелектуальні системи, які визначатимуть ІР-адреси, з яких проводяться DDoS-атаки та блокуватиме їх. Додатковий захист від різних спам-атак також забезпечує CAPTCHA.
Крадіжка платіжних даних
Вкрасти платіжні дані ваших клієнтів практично нереально, якщо сайт зроблений добре. Всі запити на оплату шифруються за допомогою сертифікату безпеки: у сайту з “https” в посиланні він є, у сайту з “http” — немає. Навіть якщо хакеру вдасться перехопити такі дані з захищеного сайту, сертифікат перетворить CVV та номер картки у нечитабельну абракадабру.
Підсумуємо: поетапний підхід, чітке технічне завдання та прозорі домовленості зменшують ризики непорозумінь і зайвих витрат. Навіть найкращий розробник не застрахує від можливих труднощів, але ми сподіваємось, що цей гайд стане для вас орієнтиром на старті співпраці з розробником. Головне — не ускладнювати там, де можна використати типові рішення.
