Редизайн сайта оконной компании
О проекте
Компания Балко, оказывающая услуги по продаже и монтажу металлопластиковых окон, обратилась к нам с запросом по SEO-продвижению своего сайта. Достаточно было одного взгляда на ресурс, чтобы без проведения тестов и анализа основных метрик поставить первой задачей полный редизайн сайта.
Мы подошли к вопросу комплексно, обновив не только внешний вид, но и контентную составляющую. К уже имеющимся текстам была добавлена инфографика, прайсы в виде таблиц и несколько разновидностей онлайн-калькуляторов. Подробнее обо всех изменениях расскажем в этом кейсе.
Радикальная смена имиджа
Первоначальная версия сайта выглядела не слишком вдохновляюще (хотя пыталась) и имела ряд проблем. Наиболее заметной из них была массивная шапка сайта, в которой были размещены:
- слишком крупный логотип;
- россыпь из 6 телефонных номеров;
- панорамная фотография Киева, которая пыталась намекнуть на место деятельности компании, но не проговаривала это явно.
Если же говорить о дизайне в целом, то выбранная цветовая палитра создавала явное ощущение дешевизны. У посетителя могло сложиться впечатление, что здесь можно заказать очень дешёвые окна, вот только о качестве и речи быть не может. Что ж, мы решили исправить это недоразумение. Вооружившись аналитикой и изучив решения конкурентов наши дизайнеры предоставили новый облик проекта.
Преобразилось буквально всё: цветовая гамма, используемое пространство, дизайн баннеров и даже логотип компании. Сайт стал ощущаться более просторным и свежим.
Нам удалось решить ключевую проблему старого дизайна — сократить высоту шапки почти в 3 раза, сохранив всю информацию и добавив лёгкости восприятия. Вот что мы сделали, чтобы достичь такого эффекта:
- уменьшили размеры логотипа;
- спрятали все телефонные номера в выпадающее меню, доступное при наведении курсора на основной номер;
- вместо панорамы Киева написали текстом адрес офиса.
Другие элементы главной страницы изменились не столь радикально, но также обрели второе дыхание. Например, раздел с проектам получил понятный заголовок, обновлённое расположение элементов и фотографии в одной цветовой гамме.
Также уже вышеупомянутый логотип получил новую версию и стал лучше отражать ценности компании. Мы «успокоили» цвета, добавили подпись и обыграли в иллюстрации два основных продукта компании — окна и балконы.
Страницы услуг
Сайт Балко содержит десятки страниц услуг и подуслуг. На каждой из них расположено много полезной информации, но раньше она подавалась только текстом. Разнообразие на страницу вносили только заголовки и базовые приёмы форматирования, вроде использования жирного шрифта.
В новой версии мы решили максимально отстраниться от текстовых полотен. Теперь клиентов встречает тщательно проработанный первый экран, который содержит перечень основных преимуществ, список партнёров и контактную форму. Такое решение не только улучшает восприятие информации, но и повышает конверсию страниц.
Последующие информационные блоки призваны помочь посетителям определиться с выбором продукта. Клиенты зачастую не ориентируются в технических нюансах и терминологии, поэтому в описании профилей и фурнитуры мы используем универсальные подписи и три типа индикаторов: «свет», «тепло» и «шум». Такой приём помогает объяснить разницу в цене и подобрать нужный товар.
Для каждой страницы услуг используются собственные инфоблоки, выполняющие своё целевое назначение: подробные прайсы снимают нагрузку с менеджеров и задают правильные ожидания, схематические иллюстрации наглядно представляют преимущества товаров, а галерея работ показывает как будет выглядеть балкон в реальной жизни.
Интерактивные элементы
Если посетитель сайта может каким-то образом взаимодействовать с содержимым — это существенно повышает шансы на его конверсию в клиента. Ориентируясь на эту особенность мы разработали несколько онлайн-калькуляторов с формой обратной связи. Посетители могут указать профильную систему, её характеристики и количество камер в стеклопакете. После чего калькулятор посчитает итоговую стоимость и предложит вызвать замерщика.
Но калькуляторами дело не ограничилось. К примеру, на одной из страниц пользователи могут самостоятельно подобрать подходящий цвет окна, выбрав понравившийся вариант из нескольких десятков предложений.
Итоги
Мы провели радикальный редизайн сайта, полностью обновив внешний вид и подачу контента. Используемые решения, такие как инфоблоки и интерактивные элементы, положительно сказались на общем восприятии сайта и его конверсии. Посетителям стало легче воспринимать информацию, тарифы теперь более доступны, а вызвать замерщика можно сразу в нескольких местах одной страницы.
Если дизайн вашего сайта разрабатывался более 5 лет назад — советуем задуматься о необходимости редизайна. Современные практики и грамотное юзабилити помогут вашему проекту достичь больших показателей, поднять продажи и улучшить восприятие бренда.
