Светсервис

О компании

Один из крупнейших поставщиков электрооборудования, светотехники и кабельно-проводниковой продукции с ассортиментом более 5000 наименований, с прочной деловой репутацией.

Мы уже работали с “СВ Экспорт” в рамках другого проекта — “Включай” — это даёт повод думать, что мы хорошо делаем свою работу.

Задача

Разработать новый сайт — один из ключевых цифровых инструментов взаимодействия с клиентами, как с физическими, так и с юридическими лицами.

Вводные, идеи и их реализация

Приступили к работе с изучения процессов и пожеланий клиента. Ниже будем писать только о реализованном функционале.

Иерархия пользователей

Обычно в больших компаниях закупками занимаются несколько человек, и каждый отвечает за свою группу товаров.

“Главный” пользователь компании может добавлять новых пользователей, которые авторизовываются под своим логином и паролем. Для безопасности действия подтверждаются SMS-кодом.

Контрагенты

В рамках одной компании может быть несколько юридических лиц. Вводить их реквизиты каждый раз утомительно и неудобно.

Всё тот же “главный” пользователь может добавить в свой профиль контрагентов, реквизиты которых подставляются в формируемый заказ. Пользователю останется только подтвердить их.

Когда пользователь добавляет новое юридическое лицо, вводить все его реквизиты не нужно. Достаточно ввести ИНН, остальные поля заполнятся сами — реализовано с помощью модуля, который запрашивает реквизиты из соответствующей базы.

Добавить новое юридическое лицо в личный кабинет возможно только через ручную модерацию коммерческого отдела “СВ Экспорт”. Это сделано для того, чтобы пользователи не могли видеть скидки других юридических лиц.

Цены

Даже в рамках одной компании каждый контрагент имеет разный процент скидки — состоит в разных ценовых группах.

Для удобства работы в хэдер добавлен селектор, в котором сгруппированы все контрагенты компании. При изменении контрагента в селекторе цены в каталоге или карточке товара изменятся автоматически, а значит, менеджер по закупкам будет составлять заказ намного быстрее.

Способы оплаты

В зависимости от выбранного типа пользователя — физическое или юридическое лицо — при оформлении заказа будут предложены разные способы оплаты. 

Способы доставки

В рамках сессии при первом входе на сайт определяется местоположение устройства и предлагается подтвердить населённый пункт, в котором находится пользователь сейчас.

При оформлении доставки пункт назначения можно изменить. В зависимости от населённого пункта будет показана или скрыта доставка машинами “СВ Экспорт”. Это связано с тем, что у Светсервис есть собственные склады в нескольких крупных городах России.

Предусмотрены и другие способы доставки: Почта России, СДЭК, самовывоз со склада.

Проектирование

Так мы приступили к разработке структуры сайта, а затем и к самому интерактивному прототипу.

В интерактивном прототипе учтено многое: от изменения свойств элементов и их позиционирования при взаимодействии с курсором, до имитации работы описанного выше функционала, формул расчёта необходимых величин и ошибок ввода данных в поля форм обратной связи. Всё это в трёх разрешениях для мобильных устройств.

Такой подход при проектировании — большая редкость, и позволяет даже в большом проекте не составлять Техническое задание. Но процесс есть процесс, было принято решение, что ТЗ необходимо. Как минимум для проверки.

Дизайн-концепция

Ещё при разработке прототипа были понятны основные принципы дизайн-системы, которую мы внедрим. Использование дизайн-системы существенно ускоряет работу над проектом и облегчает взаимодействие пользователя с сайтом.

Всего было отрисовано более 100 макетов страниц и их состояний.

Адаптив

Отдельно готовились макеты под разрешения экранов ноутбуков, планшетов в двух ориентациях и смартфонов в одной вертикальной ориентации.

Интеграции

Если говорить именно об интеграции с 1С, то обмен с сайтом происходит среди заказов и их статусов, контрагентов, оплат, каталога и количества товаров на складе.

Другие реализованные интеграции: Яндекс.Касса, СДЭК, Почта России, DaData.