Розробка і проектування сайту: основні етапи

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

Етапи проектування сайту

Процес розробки ділиться на наступні етапи:

1. Визначення типу майбутнього сайту.
2. Постановка і аналіз завдань проекту.
3. Визначення цільової аудиторії.
4. Підготовка макета і розробка дизайну.
5. Утвердження і верстка макета.
6. Програмування та перенесення сайту на хостинг.
7. Заповнення ресурсу контентом.
8. Тестування.
9. Здача проекту.

типи сайтів

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

Відео: Веб-проектування. Введення в етап проектування сайту

Комерційні сайти створюються для продажу товарів і послуг, а також для просування фірми.

До цього типу належать:

Відео: Введення в WEB розробку. Урок 7 Проектування сайту

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

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

• інформаційними;
• новинними;
• розважальними.

За доступності сайти діляться на дві категорії:

• локальні - відкриті тільки певному колу осіб;
• загальнодоступні - для всіх бажаючих.

Цілі і завдання проекту

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

Відео: Введення в етап проектування сайту.

1. Які терміни здачі проекту?
2. Чи існує у замовника інший сайт, які у нього недоліки?
3. Якщо проект комерційний, чи є у замовника конкуренти?
4. У чому відмінність його пропозиції?
5. Якими мовами повинен бути ресурс?
6. Чи може замовник навести приклади сайтів, які йому подобаються?
7. Які будуть вимоги до логотипу, кольорового рішення?

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

аудиторія сайту

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

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

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

Проектування веб-сайту варто почати з відповіді на наступні питання:

1) Як залучити відвідувачів?

2) Звідки вони будуть приходити?

3) Що потрібно донести до відвідувача?

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

Проектування дизайну сайту

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

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

Розробка інтерфейсу

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

Утвердження і верстка макета

Якщо все зроблено правильно, то замовник приймає ескіз, а проектування та розробка сайту переходять на новий рівень - за справу береться верстальник. Він переводить макет на певний мову програмування. Заздалегідь обговорюється домен сайту і його CMS (Content Management System) - так званий движок, система управління, за допомогою якої сайт наповнюється графічними даними і контентом.

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

заповнення контентом

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

Відео: Основні принципи оптимізації сайту. Урок 1. Якою має бути структура сайту

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

• тайтл (title) - опис сайту в результаті пошуку;
• дескріпшен (description) - короткий опис сторінки;
• заголовки тексту (h1, h2);
• ключові слова (keywords).

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

Тестування і здача проекту

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