Личный кабинет B2B-покупателя «PaintGroup»
Группа компаний «PaintGroup» – это крупный производитель лакокрасочных материалов и розничная сеть магазинов. Для реализации продукции среди своих покупателей был необходим простой и удобный инструмент, с помощью которого b2b-клиенты могли бы получить доступ к каталогу продукции и легко оформить заказ. Мы изучили задачу и предложили решение на базе 1С-Битрикс с применением технологии разработки PWA-приложений.
Задача
Компания нуждалась в отдельной платформе, которая позволит представить каталог продукции b2b-клиентам. Упор на простой и понятный интерфейс преимущественно для мобильных устройств. Все элементы взаимодействия должны быть интуитивными, минималистичный интерфейс с преемственностью основного корпоративного сайта. Сервис закрытый. Авторизоваться в личном кабинете и получить доступ к актуальным ценам на продукцию могут только действующие клиенты.
Решение
Из-за закрытости подобных платформ было сложно провести аналитику существующих решений в этой области. Поэтому мы применили свой опыт и наработки в других проектах, чтобы спроектировать интерфейс и логику взаимодействия с сервисом. Все это сопровождалось детальными прототипами, где мы показали сперва каталог, как самую главную часть проекта. Затем мы разработали страницу товара, авторизацию, поиск и корзину с оформлением заказа.
Дизайн
Мы переиспользовали компоненты дизайн-системы основного сайта там, где это было возможно. Так мы добиваемся не только преемственности стилей, но и упрощаем разработку, что хорошо влияет на сроки выполнения задачи и бюджет.
В данном проекте за основу был взят подход «Mobile first». Первоначально были разработаны макеты для мобильных устройств, а затем интерфейс был масштабирован на большие экраны, а не наоборот, как это происходит в большинстве случаев.
Интересной и необычной была задача сделать карточку товара в каталоге. Компактную, но содержащую всю необходимую информацию и функционал. Основным элементом навигации является строка поиска. «Бургер» меню помогает ориентироваться в разделах, а хлебные крошки упрощают навигацию на внутренних страницах.
Разработка
Мы взяли на себя полный цикл разработки. Создали логику запросов и реализовали интеграцию с ERP, чтобы автоматизировать загрузку каталогов и выгрузку заказов. Основной платформой для разработки стал 1С-Битрикс, на базе которого были реализованы внешние интеграции, административная панель и backend-API.
Публичная часть разработана на фреймворке Vue.js, что позволило реализовать проект в качестве PWA-приложения: гибридного решения, совмещающего в себе функции веб- и мобильного приложения.
Результат
Это была не совсем типичная, но ответственная задача. Особые сценарии взаимодействия диктовали правила дизайна и разработки. В итоге мы запустили кабинет для b2b-клиентов, который решает ряд задач компании и закрывает потребности партнеров, а продуманная автоматизация позволяет оптимизировать бизнес-процессы компании.
