Остек. B2B-сайт для поставщика технологических материалов

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

— Разработана новая концепция визуального стиля компании Остек.
— На основе исследований заново спроектирована навигация, изменена структура каталога, добавлены фильтры, переработаны карточки товаров и база знаний — всего более 30 интерфейсов.
— B2B-портал стал более современным и адаптивным, им удобно пользоваться и на компьютере, и на мобильном устройстве.
— Запущена функциональность b2b интернет-магазина.
— Заложена основа для разработки личного кабинета, интегрированного с 1С.

-----

— Development of the new concept of Ostec’s visual style
— Research-based redesign of the navigation, restructure of the catalogue, introduction of the new filters, revision of the flypages and database - more than 30 interfaces in total!
— Reinvention of the B2B-portal - it has become more up-to-date, adjustable and user-friendly for desktop and mobile devices.
— Launch of the online store b2b functionality.
— Setting of the basis of personal account development integrated with 1C.

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

Задача
Запуск первой версии продукта, которая станет платформой для второго этапа — личного кабинета, интегрированного с 1С.
MVP не должен уступать по функциональности уже работающему сайту компании.
Особое внимание необходимо уделить удобству использования и дизайну сайта.
Стилистика нового сайта должна стать основной для всех остальных сайтов группы компаний.


Решение
Мы провели анализ конкурентов, составили CJM и структуру проекта. На сайте опубликовано огромное количество информации, поэтому особое внимание уделили навигации, как по самому сайту, так и по разделам и карточке товара.

Каталог продукции и магазин. В процессе составления CJM мы выяснили, что клиенты выбирают продукцию двумя разными путями. С одной стороны это очевидный путь «от категории», когда клиент ищет нужную категорию и изучает продукты внутри неё. С другой стороны путь «от технологии», когда клиент выбирает какая технология используется на его производстве и попадает в раздел, содержащий все продукты и весь контент базы знаний, относящийся к этой технологии.
Часто для инженера важно сразу увидеть характеристики всех продуктов этой категории, чтобы принять решение какой из материалов ему больше подойдет. Для решения этой задачи в категориях опубликованы сравнительные таблицы материалов, которые позволяют инженерам выбирать товар даже не заходя в карточку товара.
На страницах товара есть ссылки на дополняющие товары — если клиент смотрит припой на этой же странице ему посоветуют совместимые флюсы и деоксиданты.
В каталоге есть возможность как оформить быструю заявку на один продукт, так и добавить продукты в лист запросов (корзину). Клиенты находятся на разных стадиях принятия решения, поэтому при оформлении заявки можно выбрать желаемый результат — коммерческое предложение, счет или техническую консультацию.

База знаний по технологическим материалам. Содержит статьи, TDS, пособия, видео, вебинары, ответы на вопросы и т.д. Часть материалов доступны только авторизованным и верифицированным посетителям — инженерам компаний, с которыми плотно сотрудничает Остек. По закрытым разделам ведется статистика, которая позволяет компании понять, какой темой интересовался клиент, чтобы вовремя подключить отдел продаж.

-----

Task
Launch of the original version of the product which will become the platform for the second stage — personal account integrated with 1С.
MVP functionality should be equal to the existing website of the company.
User-friendly interface and design of the website should be prioritized.
The style of the new website should be established as the main reference point for all the other websites of the company.


Solution
We have performed a thorough competitor profile analysis and comprised CJM and the project structure. The amount of information posted on the website is significant, thus, we primarily aimed at the site, sections and flypage navigation.

Product catalogue and store. During CJM development we found out that the clients tend to choose products in two different ways. On the one hand, there is an obvious “category-based” way when a client searches for a necessary category and studies the products within. On the other hand, there is an alternative “technology-based” way when a client chooses a technology used at the factory and gets to the section containing all the range of products and database content related to the technology.
Oftentimes, it’s crucial for an engineer to see comprehensive characteristics of all the products of the entire category in order to make a decision on the best-fitting material. To solve this issue we have established comparative tables of materials in various categories, thus enabling engineers to choose a product without going to flypages.
The product pages contain links to complementary goods and accessories: for instance, if a client is checking soldering alloys, he is recommended to consider fluxing agents and deoxidants.
The catalogue enables visitors to apply for a quick one-item purchase as well as add items to the request list (shopping cart). Clients can linger at different stages of a decision-making process, therefore they are prompted to take appropriate steps, be it a commercial proposal, invoice or technical consultation.

Technological material database contains articles, TDS, guidelines, videos, webinars, FAQs etc. Some parts of the content are available only to the authorized and verified visitors who are mostly represented by engineers of the companies closely collaborating with Ostec. The closed sections are subject to statistical analysis which allows us to detect topics of higher interest for clients and engage the Sales Department into more productive cooperation with clients.

Прочая информация о кейсе

------
English case description is in https://docs.google.com/document/d/1mxucUFdemXF_r7Oov6JqTJ5dpAJQxa4f9qhwCm92L9I/edit#
------


Запущен MVP для B2B-проекта крупнейшего поставщика материалов для производства высокотехнологичной продукции.

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

-----

We have launched MVP for the B2B-project of the major high-tech material supplier.

The project consists of
— b2b online store of high-tech materials
— knowledge databases (the vast amount of information for engineers, including articles and webinars available only upon authorization by a verified user)
— technologies catalogue (each and every bit of the engineer content of the website and traded products related to the technology have been accumulated on this page)
— personal account integrated with 1С and automatizing routine operations of the managers (the second stage of development which is not included into MVP and the current case).

Скриншоты

Комментарий заказчика

Результаты работы превзошли наши ожидания. Казалось, что сделать что-то лучше нашего старого сайта крайне затруднительно, но работа с командой BRAIND показала, что мы ошибались. Новый сайт сделал образ компании в интернете технологичнее, современнее и интереснее. Мы остались очень довольны!
Команда Braind в ходе всего проекта показала способность слушать и слышать наши пожелания, была всегда на оперативной связи, каждая встреча проходила максимально эффективно. Команда проявляла заинтересованность в лучшем исполнении сайта, терпение и внимание к деталям при отладке перед запуском сайта
На высоком уровне оказались также важные для нас компетенции, такие как коммуникации в команде, управление проектом, технологичность разработки, высокий уровень дизайна, эффективное и регулярное взаимодействие с заказчиком. Это была самая проактивная команда среди всех разработчиков, с которыми мы работали. Благодаря используемому командой гибкому проектному подходу нам всегда были понятны статусы и сроки задач.

Новый сайт помог нам предоставить клиентам необходимую в B2B-сегменте функциональность, существенно увеличить количество обращений клиентов с сайта и значительно улучшить имидж и привлекательность компании в интернет-пространстве.
Обязательно будем рекомендовать BRAIND своим партнёрам и планируем продолжать с вами сотрудничество!

Вячеслав Ковенский, генеральный директор Остек-Интегра.