Редизайн и переосмысление сайта и ЛК для производителя высококачественного насосного оборудования Unipump

Главное о кейсе

Создание нового сайта unipump.ru – только частная цель, стоявшая перед нами. В процессе работы решения коснулись не только проблем пользовательского опыта, но и задач по оптимизации и переосмыслению множества внутренних и внешних процессов компании по взаимодействию разных участников этих процессов. В конечном итоге решение этих задач прорывное не только для компании Юнипамп, но и для отрасли в целом.

Основные проблемы, которые мы решали:
– высокая загрузка менеджеров Unipump, которые могли бы заниматься чем-то более полезным для развития бизнеса компании, а вместо этого оформляли заказы, консультировали по повторяющимся вопросам и т.д. + при таком подходе была высока вероятность ошибки (человеческий фактор);

– сайт не представлял Unipump как ведущего производителя на рынке.


Eng
Creation of a new website unipump.ru was not the only goal that we had. The solutions that we worked on concerned not only the problems of user experience, but also the tasks of optimizing and rethinking many internal and external processes of the company regarding the interaction of different participants in these processes. Ultimately, solving these problems is a breakthrough not only for Unipump, but also for the industry as a whole.

The main problems we solved:
– high workload of Unipump managers, who could be doing something more useful for the development of the company’s business, but instead they had to place orders, advise on recurring issues, etc. + with this approach there was a high probability of error (human factor);
– the site did not present Unipump as a leading manufacturer in the market.

Как проект изменил жизнь пользователей

По сравнению с прошлой версией сайта произошли следующие значительные улучшения с точки зрения пользовательского опыта на примере основных страниц сайта:

1. Главная страница
Страница перестроена по принципу последовательного нарратива с пользователем - от знакомства с компанией до формирования конкретных предложений в зависимости от запроса конкретного пользователя. Основной посыл теперь нацелен на корректное позиционирование компании — транслируем преимущества компании как опытного производителя на рынке. Добавление информационных блоков на главной - каждый смысловой баннер носит свои ключевые CTA. Поддерживаем позиционирование через призму конкретных направлений и действий компании – “продаем оборудование”, “предоставляем сервисное обслуживание” и “улучшаем качество жизни с гарантией”.

2. Карточка товара
- карточка товара теперь базируется на принципе сплит-экрана: в левой части – медиаконтент по продукции (фото, видео), эта часть скроллится для удобного просмотра всех медиа.
 Правый блок содержит всю ключевую техническую информацию на одном экране и блок с CTA. Таким образом пользователю предоставляется возможность последовательного ознакомления с характеристиками, без нарушения фокуса внимания;

- в новую карточку товара добавлена схема монтажа с точками касания: с помощью нее покупатель может докупить необходимые товары и получить представление о схеме подключения оборудования;

- в сравнении с конкурентами, информация о товаре представлена более структурировано и презентабельно, с акцентом и на медиаконтент, и на технические особенности. Блок с CTA персонализирован под сценарии опта и розницы;

- блок с ценой преобразуется после авторизации пользователя: для него будет выведена персональная цена оптового клиента с учетом его скидок;

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

3. Личный кабинет
Личный кабинет теперь доступен для 2 типов пользователей - физические и юридические лица, которые в свою очередь могут включать как покупателей, так и партнеров-продавцов. Широкие функциональные возможности позволяют проводить сделки по покупке/продаже товаров через площадку сайта без участия менеджера компании, экономя ресурсы каждого.

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


Eng
Compared to the previous version of the site, the following significant improvements have been made in terms of user experience, based on the example of the key pages of the site:

1. Home page
The page is restructured according to the principle of a consistent narrative with the user - from getting to know the company to creating specific proposals depending on the request of a particular user. The main message is now aimed at correct positioning of the company - we convey the advantages of the company as an experienced manufacturer in the market. Adding information blocks on the main page - each product banner has its own key CTAs. We support positioning through the prism of specific directions and actions of the company - “we sell equipment”, “provide service” and “improve the quality of life with a guarantee”.

2. Product card
- the product card is now based on the split-screen principle: on the left side there is media content for the product (photos, videos), this part scrolls for easy viewing of all product’s media. The right block contains all the key technical information on one screen and a block with a CTA. Thus, the user is given the opportunity to sequentially familiarize himself with the characteristics without disturbing the focus of attention;

- an installation diagram with touch points has been added to the new product card: the buyer can purchase the necessary goods and get an idea of ​​the equipment connection diagram;

- compared to competitors, information about the product is presented in a more structured and presentable manner, with an emphasis on both media content and technical features. The block with CTA is personalized for wholesale and retail scenarios;

- the block with the price is transformed after the user is authorized: the personal price of the wholesale client will be displayed for him, taking into account his discounts;

- installation diagram designer. A universal constructor that supports the ability to set your own images and configure the number of points, their signature and determination of their location. In short, this is a convenient configurator for completing the attributes of an entire water supply system. The user (buyer) only needs to select one of the elements, and the system selects the most suitable components for assembling the entire system, taking into account the necessary specifications.

3. Personal account
The personal account is now available for 2 types of users - individuals and legal entities, which in turn can include both buyers and partner sellers. Wide functionality allows to carry out transactions for the purchase/sale of goods through the site platform without the participation of the manager, saving everyone’s resources and time.

Also, one of the most important changes is that users of the site and personal account now have a chance to independently familiarize themselves with opportunities of Unipump - both as a manufacturer and a distributor, select the necessary products, compare them with each other and quickly purchase everything you need through your personal account - all that with just the help of automated services and improved functionality without the help of managers.

Бизнес-задача и ее решение

1. Имиджевая - «Unipump — Производственная компания,
 а не просто торговый посредник».
Решение: концептуально новый дизайн с упором на графическое иллюстрирование производственных процессов компании, акцентированием внимания на широте предлагаемых для покупателей направлений взаимодействия путем выделения сутевых информационных блоков. Онбординг в мир возможностей и решений на главной странице.

2. Усилить автоматизацию – Автоматизация операционных задач клиентов
 и менеджеров. Возможность работы без участия менеджера. Сокращение времени и удобство оформления заказа. Доступ 24/7.
Решение: переработанная логика работы каталога и личного кабинета – удобная система фильтров и сортировок; ассистент подбора товаров по требуемым характеристикам; кросс-платформенный ассистент подбора комплектующих системы в лице конструктора схем монтажа; гибкая система интеграции с 1С и каталогом - остатки на складе, изменение стоимости товара в зависимости от объема, дальности доставки, дополнительно приобретаемых опций; а также абсолютно нового личного кабинета с возможностью контроля бюджетных ассигнований через аналитический дэшборд, быстрая комплектация заказа, необходимого объема и прямой коммуникацией с закрепленным менеджером компании через интерфейс ЛК.

3. Выявить потребности 
текущих клиентов - Ключевая ЦА — крупный опт;
Решение: было проведено масштабное аналитическое исследование с использованием количественных и качественных методологий, благодаря которым получены инсайты о типе клиентов, их болях и потребностях. Как пример одного из решений их болей – создание аналитического дэшборда для управления дебиторской задолженностью внутри ЛК.

Eng
Business tasks and solutions:

1. Creating the image - “Unipump is a manufacturing company, not just a reseller.”
Solution: a conceptually new design with focus on graphic illustrations of the company’s production processes and emphasizing customers’ attention on a wide range of products and services offered by highlighting it in blocks of essential information. Onboarding feature, which immeses users into a world of opportunities and solutions starting from the main page.

2. Strengthen automation – Automate operational activities for both - clients and managers. Possibility of proceeding orders without the manager's participation. Reducing time and ease of ordering. Access 24/7.
Solution: redesign of the catalog and user’s personal account logic - now it’s a convenient filtering and sorting system; assistant for selecting goods according to the required characteristics; cross-platform assistant for selecting system components represented by an installation diagram designer; flexible integration system with 1C and catalog - balance in stock, changes in the cost of goods depending on volume, delivery distance, depending on additionally purchased options; as well as a completely new personal account with the ability to control budget allocations through an analytical dashboard, quick order completion of the required volume and direct communication with the assigned manager through the personal account interface.

3. Identify the needs of current customers - key target audience - large wholesale;
Solution: Extensive analytical research was conducted using quantitative and qualitative methodologies, which provided insights about the type of clients, their pain points and real needs. As an example of one of the solutions, proposed as a response to their pain, is the creation of an analytical dashboard for managing receivables within the personal account.

Крафт (мастерство), реализация, технические детали

Среди основных достижений можно отметить следующие:

1. Определили точки для упрощения процесса оформления заказа на сайте: импорт товаров в корзину — т.к. сейчас дилеры ведут свои списки для закупки, и т.д.

2. Определили шаги для автоматизации, в которых нуждается ЦА: напоминания о появлении товара 
на складе, поиск товара, минуя артикулы, отображение скидок при формировании корзины, 
подбор аналогов и т.д.

3. Оптимизировали механики интеграции информации на сайте с 1С: учетные документы о товарах, статусы договоров, запасы, цены и т.д.

Eng
Among the main achievements we’d like to highlight the following:

1. We identified growth points to simplify the process of the online order placement: import goods into the cart - because now dealers provide their own purchasing lists, etc.

2. We identified the automation steps that the target audience needs: reminders on the availability of goods in stock, goods searching feature that allows to avoid article numbers, showing discounts when proceeding to cart, selecting originals, etc.

3. We optimized the data integration mechanics with 1C: accounting documentation, contract statuses, inventories, prices, etc.

Скриншоты