О клиенте
Интернет-магазин «Проконсим» продаёт трубопроводную арматуру в розницу и оптом: задвижки, краны, затворы, клапаны и комплектующие. Компания работает на рынке с 1992 года, у неё 16 подразделений по всей России, 28 000 кв. м складских площадей и более 15 000 наименований инженерного оборудования в каталоге. С 2013 года — 100% выполнение поставок по тендерам и госзакупкам, с 2014 года — официальный поставщик Фонда капитального ремонта. Продукция компании стоит на объектах уровня завода Mercedes-Benz Manufacturing Rus.
Проблема
Сайт остался в оформлении образца 2007 года. В вёрстке были ошибки в отступах и элементах, взгляд терялся при попытке купить товар, ключевые кнопки были слишком мелкими, чтобы по ним попадать. Непродуманный и перегруженный интерфейс усложнял покупку — компания теряла часть клиентов и выручки. Оформление не отвечало и требованиям поисковой оптимизации.
Задача
Сделать редизайн интернет-магазина так, чтобы улучшить опыт покупателя и поднять конверсию: выстроить визуальную иерархию, спроектировать и объяснить процесс покупки, сделать интерфейс интуитивным для новых посетителей — и при этом не усложнить его постоянным клиентам, привыкшим к старому сайту.
Что сделали
1. Провели конкурентный анализ и аудит прежнего оформления — оценили внутреннее устройство интернет-магазинов в нише, сильные и слабые стороны, и определили направление работы.
2. Отказались от тёмного серого фона, который мешал читать текст, но сохранили привычную структуру старого сайта, чтобы постоянные покупатели не переучивались.
3. Заменили плиточное меню открытым каталогом: разделы закрепили в левой части экрана, чтобы нужный товар находился быстрее.
4. Взяли за основу 12-колоночную сетку шириной 85 px с равными отступами в 30 px — страница делится на ровные секции и читается легче.
5. Переделали карточку и список товаров: у позиций с разными характеристиками открывается карточка с вариантами модели, рядом показываются аналоги.
6. Спроектировали поэтапное оформление заказа: нужный товар можно добавить прямо из корзины, а саму корзину — сохранить в личном кабинете и дособрать позже.
7. Развели личные кабинеты физического и юридического лица: у юрлица расширенные поля, реквизиты компании, несколько адресов доставки и персональный менеджер. Аккаунт физлица переводится в статус юрлица прямо из кабинета.
8. Полностью адаптировали сайт под смартфоны.
Результат
Интернет-магазин получил современное оформление, понятную навигацию по 15 000 позиций и отдельный сценарий покупки для оптовых клиентов — тех, ради кого работают 16 подразделений компании.