Редизайн сайту віконної компанії
Про проект
Компанія Балко, що надає послуги з продажу та монтажу металопластикових вікон, звернулася до нас із запитом щодо SEO-просування свого сайту. Достатньо було одного погляду на ресурс, щоб без проведення тестів та аналізу основних метрик поставити першим завданням повний редизайн сайту.
Ми підійшли до питання комплексно, оновивши не лише зовнішній вигляд, а й контентну складову. До вже наявних текстів було додано інфографіку, прайси у вигляді таблиць та кілька різновидів онлайн-калькуляторів. Докладніше про всі зміни розповімо в цьому кейсі.
Радикальна зміна іміджу
Початкова версія сайту виглядала не надто надихаюче (хоча намагалася) і мала низку проблем. Найбільш помітною з них була масивна шапка сайту, в якій були розміщені:
- надто великий логотип;
- розсип із 6 телефонних номерів;
- панорамна фотографія Києва, яка намагалася натякнути на місце діяльності компанії, але не промовляла це явно.
Якщо ж говорити про дизайн в цілому, то обрана палітра кольорів створювала явне відчуття дешевизни. У відвідувача могло скластися враження, що тут можна замовити дуже дешеві вікна, ось тільки про якість і мови не може бути. Що ж, ми вирішили виправити це непорозуміння. Озброївшись аналітикою та вивчивши рішення конкурентів, наші дизайнери надали новий вигляд проекту.
Змінилося буквально все: колірна гама, простір, дизайн банерів і навіть логотип компанії. Сайт став відчуватися більш просторим та свіжим.
Нам вдалося вирішити ключову проблему старого дизайну – скоротити висоту шапки майже в 3 рази, зберігши всю інформацію та додавши легкість сприйняття. Ось що ми зробили, щоб досягти такого ефекту:
- зменшили розміри логотипу;
- заховали всі телефонні номери в меню, що випадає при наведенні курсору на основний номер;
- замість панорами Києва написали текстом адресу офісу.
Інші елементи головної сторінки змінилися не настільки радикально, але також набули другого дихання. Наприклад, розділ із проектами отримав зрозумілий заголовок, оновлене розташування елементів та фотографії в одній кольоровій гамі.
Також вже згаданий логотип отримав нову версію і став краще відображати цінності компанії. Ми «заспокоїли» кольори, додали підпис та обіграли в ілюстрації два основні продукти компанії — вікна та балкони.
Сторінки послуг
Сайт Балко містить десятки сторінок послуг та підпослуг. На кожній з них розміщено багато корисної інформації, але раніше вона подавалася лише текстом. Різноманітність на сторінку вносили лише заголовки та базові прийоми форматування на кшталт використання жирного шрифту.
У новій версії ми вирішили максимально усунутись від текстових полотен. Тепер клієнтів зустрічає ретельно опрацьований перший екран, який містить перелік основних переваг, список партнерів та контактну форму. Таке рішення як покращує сприйняття інформації, а й підвищує конверсію сторінок.
Наступні інформаційні блоки мають допомогти відвідувачам визначитися з вибором продукту. Клієнти часто не орієнтуються в технічних нюансах та термінології, тому в описі профілів та фурнітури ми використовуємо універсальні підписи та три типи індикаторів: «світло», «тепло» та «шум». Такий прийом допомагає пояснити різницю у ціні та підібрати потрібний товар.
Для кожної сторінки послуг використовуються власні інфоблоки, що виконують своє цільове призначення: докладні прайси знімають навантаження з менеджерів і задають правильні очікування, схематичні ілюстрації наочно представляють переваги товарів, а галерея робіт показує, як виглядатиме балкон у реальному житті.
Інтерактивні елементи
Якщо відвідувач сайту може якимось чином взаємодіяти зі вмістом, це суттєво підвищує шанси на його конверсію в клієнта. Орієнтуючись на цю особливість, ми розробили кілька онлайн-калькуляторів з формою зворотного зв’язку. Відвідувачі можуть вказати профільну систему, її характеристики та кількість камер у склопакеті. Після цього калькулятор вважатиме підсумкову вартість і запропонує викликати замірника.
Але калькуляторами справа не обмежилася. Наприклад, на одній зі сторінок користувачі можуть самостійно підібрати відповідний колір вікна, вибравши варіант, що сподобався, з декількох десятків пропозицій.
Підсумки
Ми провели радикальний редизайн сайту, повністю оновивши вигляд та подачу контенту. Рішення, що використовуються, такі як інфоблоки та інтерактивні елементи, позитивно позначилися на загальному сприйнятті сайту та його конверсії. Відвідувачам стало легше сприймати інформацію, тарифи тепер доступніші, а викликати замірника можна відразу в кількох місцях однієї сторінки.
Якщо дизайн вашого сайту розроблявся понад 5 років тому – радимо замислитись про необхідність редизайну. Сучасні практики та грамотне юзабіліті допоможуть вашому проекту досягти великих показників, підняти продажі та покращити сприйняття бренду.
