редизайн сайту

1. Що входить в редизайн?
2. 7 причин, коли необхідно замовити редизайн сайту
3. Які види редизайну бувають?
4. етапи робіт
5. Підводні камені. 5 поширених помилок при виконанні редизайну
6. Який редизайн посилить позиції сайту в пошуковій видачі?
7. висновки

Єдине, що незмінно в світі, - це зміни. Кожен сайт, незалежно від специфіки, потребує оновлення. Це може бути просто зовнішнє оновлення, якийсь «косметичний ремонт». Або глибокі зміни, пов'язані з поліпшенням юзабіліті, реалізацією нових функцій. Редизайн можна робити кожні 2 роки, можна - раз в 3-4 року. Але точно не варто залишати все в точності таким, як було, довше 5 років. Чому? На це є кілька вагомих причин, але давайте спочатку визначимося з тим, що означає редизайн. Багато власників інтернет-сайтів стикаються з тим, дизайн їх ресурсу починає програвати сайтам-конкурентам, і задаються питанням: що це - редизайн сайту?

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

Що входить в редизайн?

Залежно від завдань, які ставить замовник, модернізація сайту може включати:

• Редизайн логотипів (має місце, якщо лого застаріло, незручно у використанні, несучасно виглядає. Або якщо продукт змінився, відбулися зміни в політиці компанії, злиття двох компаній, поглинання і т. Д.) Ціна редизайну логотипу залежить від того, наскільки чітко поставлена ​​задача . Такий же принцип поширюється і на брендинг сайту.
• Зміна колірного рішення, шрифтів, стилю оформлення (використання сучасних тенденцій, індивідуальний дизайн, що запам'ятовується, відповідність зміненим логотипом).
• Додати / редагувати контенту (видалення застарілих рубрик та розділів, заміна зображень на більш сучасні і якісні, що відповідають тематиці; оновлення текстового наповнення). Позбавлення від неактуального контенту дозволяє прискорити завантаження сторінок, що вітається пошуковими системами.
• Впровадження анімованих елементів (створює відчуття взаємодії, при правильному використанні добре впливає на конверсію).
• Опрацювання HTML-коду (важливо для пошукового просування).
• Оптимізація юзабіліті (зручне меню, навігація по сайту, пошукові фільтри, можливість орієнтуватися інтуїтивно).

Командою «Бізнес Сайт» був проведений глибокий редизайн. Робота з модернізації полягала в переорієнтації сайту з презентаційного в продає. На сторінках розмістили форми зворотного зв'язку, кнопки із закликами до дії. Текстовий контент красиво разверстаем на сторінці, зробили зручним для читання. У супроводі іконок став легше сприйматися перелік переваг і сфер застосування продукції. Продумали навігацію: послуги розподілили в вертикальному і горизонтальному меню, структурували. Вказали вартість роботи. Додали анімаційні ефекти, які «оживляють» сайт, дозволяють йому виглядати стильно і сучасно.

7 причин, коли необхідно замовити редизайн сайту

1. Переміщення сайту на нову CMS.
2. Проведення пошукової оптимізації, яка вимагає від сайту швидкого завантаження і чистого коду.
3. Аналітичні дані свідчать про те, що сайт став менш цікавий відвідувачам, на ньому проводять мало часу, істотно впала конверсія. Потрібно оновлення контенту, опрацювання оформлення.
4. Сайт виглядає застарілим, програє конкурентам.
5. Освоєння компанією нових горизонтів, розширення сфери діяльності, зміна маркетингової політики, модернізація продукту.
6. Вихід компанії на новий ринок, розширення чи зміну цільової аудиторії.
7. Розширення переліку послуг або асортименту продукції, які необхідно презентувати на сайті.

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

Які види редизайну бувають?

1. Візуальний. Включає зміни в колірному оформленні, поява нових зображень, анімації. Дизайн залишається тим же по своїй суті, але виглядає свіжим. Візуальне оновлення може поліпшити конверсію, але може і не принести очікуваних результатів, якщо попередній варіант оформлення більше подобався користувачам. Тому перед тим, як зробити редизайн такого типу, варто зважити всі «за» і «проти».
2. Функціональний. Це більш глибока переробка сайту, яка зачіпає навігацію, рубрики, розділи, меню, фільтри. Необхідність зробити функціональний редизайн дизайну сайту виникає тоді, коли ресурс стає незручним для користувача. Незалежно від того, який сайт перед нами, дуже важливо, щоб кожен відвідувач міг швидко знайти потрібну інформацію. Якщо з часом кількість інформації все збільшувалася, а оптимізація юзабіліті не проводилася, - прийшов час зробити функціональний редизайн.
3. Технічний. Це апгрейд сайту, який зачіпає програмний код. Зусилля виконавця спрямовані на оптимізацію коду, зменшення тривалості завантаження сторінок. Все це впливає на позиції сайту в пошуковій видачі.
4. Глибокий редизайн. Зачіпає оптимізацію і візуальних елементів, і функціоналу, і коду.

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

етапи робіт

Редизайн сайту йде на користь тільки тоді, коли є розуміння: з якою метою його роблять, що саме хочуть змінити, які результати очікують в результаті.

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

1. Розробка концепції. З чого почати редизайн сайту, як ні з планування майбутніх змін. На цьому етапі можна оцінити сайти конкурентів, продумати позиціонування. Проаналізувати, які елементи на сайті варто залишити, які - зайві, що необхідно додати або оновити в оформленні та функціоналі. Як зробити ресурс зручним і зрозумілим користувачам.
2. Підготовка нового текстового контенту, з орієнтацій на який буде створюватися макет.
3. Створення макета сайту на основі затвердженої концепції.
4. Верстка сайту. На цьому етапі дизайн макета втілюється в життя. Створюється сайт, орієнтований на користувачів ПК або на більш широкий сегмент аудиторії, що включає користувачів мобільних пристроїв.
5. Програмування. На цьому етапі зміни вносяться в програмний код, виконується оптимізація, вдаються до дій для прискорення завантаження сторінок.
6. Перевірка функціональності. На цьому етапі сайт тестують після змін, перевіряючи на працездатність, зручність, відсутність помилок.

Як правило, ціна на редизайн сайту в Києві і інших містах включає всі ці етапи. Приклад: редизайн інтернет-магазину Парус Плюс (parusplus.com.ua) На початковому етапі була опрацьована концепція: стояла задача збільшити обсяги оптових і роздрібних продажів. Це означало, що сайт повинен стати зручним, на ньому повинні легко знаходитись товари, а дії для замовлення і покупки повинні бути простими і зрозумілими. Редизайн магазину почали з оформлення: на додаток до блакитного кольору з логотипу вибрали зелений. Товари розділили на групи і розподілили їх як в горизонтальному меню, так і на головній, з переліком підпунктів. Додали рубрику з хітами продажів. Впровадили «розумний» пошук. Пропрацювали функціонал кошика. Розмістили поруч з контактами кнопку для замовлення зворотного дзвінка. Дизайн зробили повністю адаптивним, зручним для здійснення покупок з мобільних пристроїв і стаціонарних. Пропрацювали код в рамках базової пошукової оптимізації. Перевели магазин на CMS Бітрікс і налаштували адмінпанель.

Підводні камені. 5 поширених помилок при виконанні редизайну

1. Відсутність бачення кінцевого результату. Приступаючи до редизайну, потрібно чітко розуміти, яким повинен стати сайт на виході. Особливо важливо поставити детальне ТЗ виконавцю, якщо ви делегіруете цю роботу.
2. Скупий платить двічі. Якщо ви намагаєтеся максимально скоротити перелік робіт і вибираєте виконавця за принципом: чим дешевше ціна редизайну сайту, тим краще, то результат вас навряд чи порадує. Краще інвестувати в якісну роботу, ніж втратити можливостей розвитку і збільшення прибутку в майбутньому.
3. Нескінченний політ фантазії. Часто в оформленні сайту власник хоче бачити відразу всі модні фішки і сучасні тенденції дизайну. При цьому зручність для користувачів часто відсувається на другий план. У підсумку можна отримати сайт, від якого власник в захваті, а користувачі відчувають себе некомфортно і, як наслідок, не здійснюють конверсійних дій.
4. Не розуміння специфіки роботи. Щоб сайт змінився на краще, потрібен не тільки дизайнер, але і фахівець, який забезпечить функціональність і пропрацює технічну частину. Довіряти редизайн корпоративного сайту, Лендінзі, візитки, інтернет-магазину краще професійної веб-студії.
5. Потрібно «на вчора». Не варто вимагати від виконавця занадто швидких результатів. Це може негативно позначитися на якості. До того ж, професіонали своєї справи вважають за краще не працювати з тими, хто хоче отримати роботу в максимально стислий термін. Краще почекати і отримати красивий і зручний сайт, який буде давати стабільно високу конверсію.

Приклад: редизайн магазину вимірювальних приладів (www.evm.ua) Застарілий стиль дизайну інтернет-магазину фахівці веб-студії «Бізнес Сайт» замінили новим, сучасним. Акцент перемістили з тематичної частини на сам товар. Вивели рубрику популярних товарів. Окреме меню для послуг. Слайдер на головній добре працює для залучення уваги до акцій і новинок. Розширили функціонал: додали можливість порівнювати товари, користуватися особистим кабінетом після реєстрації. Акцентовані переваги ІМ: короткий текст + іконка з анімацією. На сторінках послуг розмістили форми зворотного зв'язку. При цьому був збережений фірмовий стиль, який вже став впізнаваним для клієнтів. Доменне ім'я сайту було змінено на більш короткий і запам'ятовується.

Який редизайн посилить позиції сайту в пошуковій видачі?

Щоб оновлений дизайн підвищував позиції в пошуковій видачі і seo просування сайту стало ще ефективніше, важливо дотримати наступні вимоги:

• Подбати про переадресації, якщо зникли якісь сторінки або змінилася посилання.
• Поліпшити навігацію, розсортувати контент або товари на групи, максимально полегшити пошук на сайті.
• Оновити контент. Часто до часу поновлення дизайну багато чого змінюється в діяльності компанії, розширюється перелік послуг або товарів, сфер діяльності і т.д. Чим не поводити наповнити сайт новим текстом? До того ж, унікальний контент дуже люблять пошукові системи.
• Прискорити завантаження сторінок.
• Подбати про адаптивність дизайну. Це не тільки дозволяє розширити охоплення аудиторії, а й враховується пошуковими роботами.

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

висновки

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

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

Можна проводити редизайн візуальний, функціональний, технічний, глибокий. Головне при цьому - робити упор на якість і орієнтуватися на необхідний результат. І так, довіряйте редизайн тільки професіоналам своєї справи. Таким, як веб-студія «Бізнес Сайт».