Основне про редизайн сайту: завдання, етапи та особливості

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

Ребрендинг сайту, редизайн або рестайлінг?

Чим відрізняється ребрендинг сайту від редизайну? Обидва види робіт виконуються для підвищення ефективності веб-сервісу, але:

1. Ребрендинг застосуємо тільки до сайту, який є інтернет-брендом, тобто добре відомий користувачам. Ребрендинг сайту означає зміну його: концепції, контенту, інтерфейсу, логотипа, дизайну, можливо - доменного імені. Але зазвичай не зачіпає програмний код.
2. Редизайн можливий для ресурсу будь-якого віку і ступеня популярності. У цьому випадку зберігається доменне ім'я, змінюються програмний код, дизайн і структура.

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

Далі - докладно про завдання та етапи редизайну сайту.

Що таке редизайн сайту й коли він потрібен?

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

Порівняйте, як виглядав портал найбільшого українського маркетплейса ROZETKA у 2010, 2015 року та зараз. Змінилися і дизайн, і функціонал:

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

Ці та багато інших моментів потребують оновлення інтернет-майданчиків.

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

Показники того, що пора зайнятися удосконаленням веб-ресурсу:

Він застарів візуально.

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

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

Застарілий юзабіліті.

Майданчики конкуренти мають явну перевагу в зручності та актуальності дизайну.

Інтернет-представництво компанії перестало відповідати її роботі: з'явилися нові продукти і послуги, види діяльності, змінилася маркетингова стратегія.

У ресурсу немає мобільної версії або адаптивного дизайну.

Що значить редизайн сайту, здатний розв'язати ці проблеми? Якісні та кількісні зміни, які покращать якість роботи ресурсу з клієнтами, створять новий користувальницький досвід, свіжий контент і відповідний йому дизайн.

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

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

Попередній етап містить:

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

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

Оцінити, наскільки веб-сервіс відповідає корпоративному стилю. Чи використовуються на ньому фірмові кольори та шрифти? Наскільки сучасно вони виглядають, чи легко читаються?

A / B-тестування. Варто спробувати внести зміни на сайті й подивитися, як вони відіб'ються на поведінці користувачів. Позитивні моменти стануть частиною комплексного редизайну.

Результати аналізу, оцінки, тестування - основа для складання концепції проекту. Щоб реалізувати її на практиці, знадобиться:

Створити нову карту ресурсу.

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

Зробити нові макети сторінок.

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

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

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

Зберегти URL сторінок.

Зробити мінімальними зміни в основних HTML-тегах, які впливають на релевантність сторінки.

Простежити, щоб на сайті збереглася вся інформація, яку активно використовували відвідувачі.

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

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

Наступний етап робіт над проектом - тестування оновленого ресурсу. Зміни в візуальної організації та функціонал повинні бути оцінені на практиці.

Як зробити оптимальний редизайн сайту

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

На вартість редизайну вплинуть:

тип веб-майданчика;

масштаб і складність передбачених концепцією проекту змін;

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

терміни виконання проекту.

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

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