Редизайн и адаптив сайта POLAIR-SHOP

О клиенте

Polair — крупнейший производитель холодильного оборудования в России.
- Годовой оборот более $150 млн в год
- Более 2800 сотрудников
- 134000 м2 производство
- Работает с 20+ странами
Интернет-магазин Polair-Shop — официальная торговая площадка, на которой можно приобрести холодильное оборудование одного из крупнейших российских производителей. Компания продаёт профессиональное оснащение ТМ POLAIR, организует доставку техники в любые города России, выполняет монтаж и сервисное обслуживание. Торговая марка POLAIR известна в России и СНГ с 1990 года. Сегодня POLAIR — это проверенные временем европейские технологии от российского производителя.
Проблемы
- Отсутствует адаптивная версия сайта
- Потеря клиентов с мобильной версии
- Устаревшая незапоминающаяся стилистика сайта
- Неудобный интерфейс
Цели работы
Ход работ:
Анализ ЦА
При анализе мы первый делом сформировали портрет покупателя. Целевой аудиторией магазина являются индивидуальные предприниматели, молодые юридические лица, малый и средний бизнес, реже крупный бизнес. Средний возраст руководителей/участников таких компаний составляет 30 лет и более. Это обеспеченные люди, готовые вкладываться в развитие своего дела.
Анализ старого сайта
Мы исследовали сайт клиента и подготовили список проблем:
- Нет мобильной версии сайта. Компания упускала большой пласт потенциальных покупателей, которые могли бы покупать и подбирать товары с мобильных устройств.
- Визуальная составляющая. Дизайн внешне устарел, из-за чего некоторыми элементами неудобно пользоваться.
- Отсутствие важных функций. Сейчас для человека, заходящего на сайт, важны многие функции, например, фиксированное меню, блок часто задаваемых вопросов и другие, которые раньше не имели значения. Соответственно, этот функционал необходимо было добавить на сайт.
Решение
1. Анализ UI-kit и исправление недочётов
ПРОБЛЕМНЫЕ МЕСТА
- Карточки товаров в листинге и карточки статей без чётких границ, что мешает взаимодействовать с ними
- Маленькие и узкие кнопки, по которым сложно попасть
НОВЫЙ ВИД
- Карточкам товаров и карточкам статей сделали фон, чем обозначили их границы
- Кнопки сделали крупнее и добавили анимацию, чтобы привлечь к ним больше внимания
2. Анализ удобства использования и визуального соответствия трендам дизайна в шапке сайта
ПРОБЛЕМНЫЕ МЕСТА
- Невзрачный интерфейс
- Нет системы расположения элементов
- Большая высота шапки — закрывает контент первого экрана
- Отсутствует фиксированное меню — нет удобства навигации по сайту
НОВЫЙ ВИД
- Перераспределили цвета, которые присутствовали на сайте; проставили новые акценты
- Упорядочили по зонам и добавили новые важные для отображения в шапке элементы
- Уменьшили высоту шапки, несмотря на добавление новых элементов
- Разработали фиксированное меню
3. Анализ удобства использования и визуального соответствия трендам дизайна в подвале сайта
ПРОБЛЕМНЫЕ МЕСТА
- Непривлекательный вид, недостаточно тёмный и недостаточно светлый background, выглядит больше как прототип
- Занимает много места на экране, а внутри необоснованно много пустого пространства
НОВЫЙ ВИД
- Сделали светлый и яркий вид, как у шапки
- За счёт грамотного распределения элементов — высота подвала уменьшилась
4. Анализ удобства использования и визуального соответствия трендам дизайна на странице каталога
ПРОБЛЕМНЫЕ МЕСТА
- Из-за отсутствия границ у карточек товара нет понимания, к чему именно относятся кнопки “В корзину”, “Сравнение”, выбор количества и цена
- Фильтры выполнены выпадающим списком, когда удобнее просто скрывать их
- Слайдер для просмотра других товаров очень мелкий, в него сложно попасть
НОВЫЙ ВИД
- Независимо от количества отображаемых характеристик, хорошо видно, к какой карточке относятся все элементы
- Все фильтры видны сразу, а при необходимости их можно скрыть.
- Кнопки слайдера сделали больше, благодаря этому на них стало легче попасть, также добавили кнопку для подгрузки других товаров прямо на этой странице.
5. Анализ удобства использования и визуального соответствия трендам дизайна на странице карточки товара
ПРОБЛЕМНЫЕ МЕСТА
- Бросается в глаза фильтр, который бесполезен в карточке товара и занимает место, которое можно отдать для размещения информации о товаре.
- Видимость сразу всех характеристик удобна только в случае их минимального количества, в остальных ситуациях их лучше распределять в табах.
- Отсутствует информация о доставке и оплате, приходится переходить на соответствующую страницу, это непрактично.
- Отсутствуют блоки “Отзывы” и “Часто задаваемые вопросы”, что сейчас так важно видеть клиентам при изучении продукции
НОВЫЙ ВИД
- Убрав фильтр из карточки товара, мы добавили место для отображения информации о товаре.
- Все характеристики разбили по табам, что дало нам больше пространства для других блоков.
- Добавили кнопки со всплывающими окнами, в которых указана краткая информация об оплате и доставке с возможностью перехода на страницы доставки и оплаты
- Добавили блок "Отзывы" и блок "Вопрос-ответ".
6. Анализ удобства использования и визуального соответствия трендам дизайна на странице статей
ПРОБЛЕМНЫЕ МЕСТА
- Не соблюдены правила вёрстки карточек, из-за чего строки “прыгают”
- Нет даты публикации
- Отображаются сразу все статьи, что сильно растягивает страницу
НОВЫЙ ВИД
- Выставили фиксированную высоту заголовков и превью текста, за счёт чего высота карточек стала единой
- Добавили отображение даты публикации
- Встроили слайдер, чтобы не вытягивать страницу
7. Изменения страниц статей на примере одной статьи
НОВЫЙ ВИД
- С помощью картинок и уменьшения ширины текста мы сделали прочтение статьи более комфортным
- Добавили перелинковку на сопутствующие товары
- Добавили возможность поделиться статьёй в социальных сетях
- Добавили 2 вида перелинковок на другие статьи: чтение статей по списку, чтение статей в общей тематике.
- Внедрили возможность комментировать статью
8. Разработка мобильной версии всего сайта с функционалом как у мобильных приложений
ШАПКА И ФИКСИРОВАННОЕ МЕНЮ
- Мы отказались от классического бургера
- Все элементы из бургер-меню разместили в нижнее фиксированное меню, откуда можно быстрее попасть на нужную страницу или раздел сайта
ПОДВАЛ И КАТАЛОГ
- Подвал освободили от перегруженности элементов
- В мобильном каталоге стало удобно находить необходимые категории
Результаты проведённых работ с сайтом polair-shop.ru
Клиент получил новый адаптивный сайт, отвечающий требованиям поисковых систем, юзабилити и потребностям целевой аудитории.
Прогнозируем: прирост конверсии, повышение посещаемости, рост количества заказов, снижение маркетинговых расходов компании, снижение процента отказов и повышение доходов от интернет-магазина.
Через 3-4 месяца опубликуем результаты по:
- Приросту мобильного трафика
- Общему приросту трафика
- Увеличению конверсий
- Повышению позиций в поисковой выдаче Яндекс и Google
Наши услуги
SEO
- 50+ технических специалистов в штате компании
- С 2019 года находимся в Реестре аккредитованных ИТ-компаний
- Никаких скрытых платежей, все специалисты есть в тарифе
- Решаем любые задачи по WEB разработке и Комплексному интернет-маркетингу
- Наша цель по SEO — Рост заявок на сайте, а рост позиций и трафика лишь путь к достижению цели
Продвижение на маркетплейсах
- Услуга продвижения на маркетплейсах
- Прирост оборотов 150% и больше
- Быстрый вывод товаров в ТОП
- Помощь в решении любых вопросов
Контекстная реклама
- Быстрый результат по целевым запросам
- Повышение узнаваемости бренда
- Рост продаж и прибыли
- Увеличение конверсии
Разработка сайтов
- Получайте больше звонков, заказов, запросов
- Повысьте узнаваемость компании
- Получайте повторные обращения
- Увеличивайте объём продаж и прибыль
Аудит сайта
- Комплексный аудит вашего сайта
- Поиск ошибок и недочётов
- Разработка инструкций и рекомендаций
- Улучшение стратегии продвижения
Таргетированная реклама
- Настроим таргетированную рекламу
- Приведём клиентов из социальных сетей
- Увеличим узнаваемость бренда
- Работаем с любыми аудиториями
Разработка и оптимизация CRM
Email-маркетинг, почтовые рассылки
Лечение и защита от вирусов
Продвижение в соц. сетях SMM