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

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

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

Тож почнемо.

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

Мета: навіщо вам потрібен сайт

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

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

Ви не зобов'язані знати архітектуру і технології розробки сайтів. Але повинні уявляти, які архітектурні рішення необхідні для досягнення мети, яку ви поставили перед сайтом.

Який сайт вам потрібен?

Під загальним поняттям «сайт в інтернеті» ховається багато архітектур і технологій. Правильний вибір архітектури дозволить досягти тієї мети, яку ви поставили перед сайтом, з мінімальними витратами.

Сайт-візитка відмінно підійде, щоб заявити про себе в інтернеті, ділитися досягненнями вашої компанії, формувати впізнаваність бренду. Це просте рішення - сайт може містити невелику кількість статичних веб-сторінок з інформацією про ваш бізнес, компанії / бренд, послуги і ціни. Більш складне рішення сайту-візитки - SPA (Single Page Application, односторінкове веб-додаток).

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

Промо-сайт на відміну від сайту-візитки і каталогу продукції служить для мети «одномоментного» залучення відвідувачів або глибокої концентрації на товар / послугу. Хорошим прикладом може служити висновок на ринок унікальної торговельної пропозиції, акція, «розвідка» або пошук нової ніші. Архітектурно він може бути представлений як різновид SPA - посадочні сторінки (Landing Pages).

Інтернет-магазин - симбіоз каталогу продукції і промо-сайту. Основною метою сайту є продаж товарів / послуг. Відвідувач, що прийшов в інтернет-магазин, в меншій мірі зацікавлений в барвистому описі компанії (хоча в деяких випадках брендовий магазин - це додатковий фактор довіри). Він хоче купити, ви хочете продати. Але, як і в офлайн магазині, потенційний покупець хоче ненав'язливого уваги і турботи. Ваша ж мета - не просто продати товар один раз. Важливо змусити відвідувача купити товар / послугу (нехай і не відразу), повернутися до вас ще раз, рекомендувати ваш магазин, при цьому істотний момент для вас - витрачати мінімум часу на відвідувача.

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

Корпоративний сайт - з одного боку, це може бути розвиток сайту-візитки, де буде представлена більш детальна інформація про життя компанії, фотогалерея, календар подій, досягнення, нагороди. З іншого боку, це може бути рішення, що полегшує завдання ведення бізнесу. CRM (системи управління взаємовідносинами з клієнтом), ERP (системи управління підприємством), бухгалтерські системи, системи взаємин з дилерами, складські та облікові системи.

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

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

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

Якщо ви все ж вирішили розробляти власний сайт: дизайн, верстка, програмування

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

Мета перших двох кроків - поєднати бізнес-мета з обраної архітектурою і технологіями розроблюваного сайту. Крім усього іншого вам буде простіше донести ваші ідеї і контролювати роботу дизайнера, верстальника і програміста.

Крок 1. Визначити цільову аудиторію вашого сайту.

Крок 2. Створити структуру вашого майбутнього сайту, сценаріїв руху відвідувача, де, як і в якому вигляді він буде взаємодіяти з сайтом.

Крок 3. Mockup - приблизне розташування елементів і дизайн вашого сайту.

Крок 4. Дизайн.

«Міряти все по собі» - дуже погана затія. Не можна покладатися на ваше суб'єктивна думка, ви не робите сайт для себе. Спирайтеся на різні думки, бажано - представників вашої цільової аудиторії.
Чи не довіряйте сліпо дизайнерам, але і не втручайтеся в середину роботи, постійно коригуючи і вносячи правки. Гарною підмогою дизайнеру будуть приклади сайтів, елементів, дизайнів, які вам подобаються, і від яких можна відштовхнутися. На цьому важливо не нехтувати UX (User eXperience), відчуттями, викликаними дизайном сайту, навігацією, логічністю розташування і колірним сприйняттям. Не варто обмежуватися одним варіантом дизайну. Хоч їх верстка і здорожує вартість сайту, але це дозволить вам провести A / B тестування і вибрати оптимальне рішення.

Крок 5. Верстка.

Сайт вже починає оживати, з'являється колір, картинки, можна переходити за посиланнями. Крок важливий, але небезпечний через аматорського підходу до верстки. Добре зверстаний сайт повинен однаково виглядати в будь-яких браузерах і платформах. Ви не можете сказати, зайде відвідувач з мобільного телефону з обмеженою підтримкою технологій або з суперсучасного настільного комп'ютера з самою останньою версією браузера, а вам важливий кожен відвідувач. Параллакси / flash / величезного розміру і неоптимізовані картинки можуть послужити вам погану службу. Будьте уважні на цьому етапі і обов'язково тестируйте сайт на різних пристроях.

Крок 6. Програмування.

Верстка - це ще не сайт, це лише проміжний крок (набір статичних сторінок). Буде потрібно програміст, щоб повноцінно оживити і вдихнути життя в творіння. Не спокушайтеся, що добре зроблений сайт - це 100% запорука успіху. Практично завжди буде потреба в доробках, доробки, оновлення.

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

• «Написати» сайт з нуля. Цим шляхом можна йти, якщо ви впевнені в своїх силах і силах програміста, це розтягнутий у часі варіант, але він (при належної кваліфікації програміста) максимально ефективно буде вирішувати поставлені перед сайтом цілі.
• Використовувати framework. Framework - це інструмент програміста (набір шаблонів коду), що прискорюють роботу. Порівняти його можна з сільськогосподарським інструментом (може бути менше або більш технологічним), але самі по собі інструменти не спечуть хліб. Здебільшого «написати з нуля» може мати на увазі використання фреймворків.
• Використовувати CMS (систему управління сайтом) або спеціалізовані рішення на їх основі. При поганому підході це може бути обрана навмання CMS з «натягнутою» на неї версткою. Багато дизайн-студії грішать цим, надаючи замовникам самопісание CMS або ті, з якими їм простіше працювати, не піклуючись про цілі та потреби замовника. У хороших CMS є велика перевага перед першими двома варіантами. Вони «з коробки» надають багатий функціонал і рішення, які багаторазово можуть прискорити розробку сайту. Але є і мінуси, так як вони призначені для рішення абстрактних цілей (спочатку розробники CMS не знають мети її використання), тому часто може страждати продуктивність або виявитися несумісність версій.

Крок 7. Тестування.

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

Запрацювало!

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

Пошукове просування (SEO) , Контекстна реклама - то, що дозволить залучити на ваш сайт відвідувачів. Варто зазначити, що самі по собі ні SEO, ні реклама в інтернеті не втримають відвідувачів на вашому сайті, це повинен зробити ваш сайт.

Як жити далі?

Оцінюйте ефективність і проблеми на сайті. Використовуйте інструменти збору статистики та аналізу поведінки користувачів на вашому сайті. Придумуйте новий функціонал і способи утримання користувачів.

Сайт - це не іграшка, це інструмент бізнесу. Розвиваючи бізнес, не забувайте розвивати сайт.

Підготували статтю: Андрій Якубовський, технічний директор групи компаній Webcom Media, і команда компанії.