Услуги

  • Сайты

  • Контент

  • Продвижение

  • Битрикс24

Все услуги Оплата
Все услуги Оплата

Поиск

  • Разработка интернет-магазина под ключ
  • Разработка сайтов
  • Разработка леднигов
  • Разработка на битрикс24
  • Разработка на Вордпресс

Редизайн сайта оконной компании

О проекте

Компания Балко, оказывающая услуги по продаже и монтажу металлопластиковых окон, обратилась к нам с запросом по SEO-продвижению своего сайта. Достаточно было одного взгляда на ресурс, чтобы без проведения тестов и анализа основных метрик поставить первой задачей полный редизайн сайта.

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

Радикальная смена имиджа

Первоначальная версия сайта выглядела не слишком вдохновляюще (хотя пыталась) и имела ряд проблем. Наиболее заметной из них была массивная шапка сайта, в которой были размещены:

  • слишком крупный логотип;
  • россыпь из 6 телефонных номеров;
  • панорамная фотография Киева, которая пыталась намекнуть на место деятельности компании, но не проговаривала это явно.

Если же говорить о дизайне в целом, то выбранная цветовая палитра создавала явное ощущение дешевизны. У посетителя могло сложиться впечатление, что здесь можно заказать очень дешёвые окна, вот только о качестве и речи быть не может. Что ж, мы решили исправить это недоразумение. Вооружившись аналитикой и изучив решения конкурентов наши дизайнеры предоставили новый облик проекта.

Преобразилось буквально всё: цветовая гамма, используемое пространство, дизайн баннеров и даже логотип компании. Сайт стал ощущаться более просторным и свежим.

Нам удалось решить ключевую проблему старого дизайна — сократить высоту шапки почти в 3 раза, сохранив всю информацию и добавив лёгкости восприятия. Вот что мы сделали, чтобы достичь такого эффекта:

  • уменьшили размеры логотипа;
  • спрятали все телефонные номера в выпадающее меню, доступное при наведении курсора на основной номер;
  • вместо панорамы Киева написали текстом адрес офиса.

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

Также уже вышеупомянутый логотип получил новую версию и стал лучше отражать ценности компании. Мы «успокоили» цвета, добавили подпись и обыграли в иллюстрации два основных продукта компании — окна и балконы.

Страницы услуг

Сайт Балко содержит десятки страниц услуг и подуслуг. На каждой из них расположено много полезной информации, но раньше она подавалась только текстом. Разнообразие на страницу вносили только заголовки и базовые приёмы форматирования, вроде использования жирного шрифта.


В новой версии мы решили максимально отстраниться от текстовых полотен. Теперь клиентов встречает тщательно проработанный первый экран, который содержит перечень основных преимуществ, список партнёров и контактную форму. Такое решение не только улучшает восприятие информации, но и повышает конверсию страниц.

Последующие информационные блоки призваны помочь посетителям определиться с выбором продукта. Клиенты зачастую не ориентируются в технических нюансах и терминологии, поэтому в описании профилей и фурнитуры мы используем универсальные подписи и три типа индикаторов: «свет», «тепло» и «шум». Такой приём помогает объяснить разницу в цене и подобрать нужный товар.


Для каждой страницы услуг используются собственные инфоблоки, выполняющие своё целевое назначение: подробные прайсы снимают нагрузку с менеджеров и задают правильные ожидания, схематические иллюстрации наглядно представляют преимущества товаров, а галерея работ показывает как будет выглядеть балкон в реальной жизни.

01

/ 03

Интерактивные элементы

Если посетитель сайта может каким-то образом взаимодействовать с содержимым — это существенно повышает шансы на его конверсию в клиента. Ориентируясь на эту особенность мы разработали несколько онлайн-калькуляторов с формой обратной связи. Посетители могут указать профильную систему, её характеристики и количество камер в стеклопакете. После чего калькулятор посчитает итоговую стоимость и предложит вызвать замерщика.

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

Итоги

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

Если дизайн вашего сайта разрабатывался более 5 лет назад — советуем задуматься о необходимости редизайна. Современные практики и грамотное юзабилити помогут вашему проекту достичь больших показателей, поднять продажи и улучшить восприятие бренда.

Заказать редизайн сайта - это не только о внешнем виде

Мы делаем дизайн с глубоким анализом конкурентов, проработкой преимуществ бизнеса, реализацией лучших UX и UI практик. Напишите нам, чтобы узнать, сколько стоит редизайн сайта.