Расскажем о том, как делали сайт для Счётной палаты и рассчитывали стоимость проекта для тендера.
Создание интернет-магазина светотехники и кабельно-проводниковой продукции
О компании
Один из крупнейших поставщиков электрооборудования, светотехники и кабельно-проводниковой продукции с ассортиментом более 5000 наименований, с прочной деловой репутацией.
Мы уже работали с “СВ Экспорт” в рамках другого проекта — “Включай” — это даёт повод думать, что мы хорошо делаем свою работу.
Задача
Разработать новый сайт — один из ключевых цифровых инструментов взаимодействия с клиентами, как с физическими, так и с юридическими лицами.
Вводные, идеи и их реализация
Приступили к работе с изучения процессов и пожеланий клиента. Ниже будем писать только о реализованном функционале.
Иерархия пользователей
Обычно в больших компаниях закупками занимаются несколько человек, и каждый отвечает за свою группу товаров.
“Главный” пользователь компании может добавлять новых пользователей, которые авторизовываются под своим логином и паролем. Для безопасности действия подтверждаются SMS-кодом.
Контрагенты
В рамках одной компании может быть несколько юридических лиц. Вводить их реквизиты каждый раз утомительно и неудобно.
Всё тот же “главный” пользователь может добавить в свой профиль контрагентов, реквизиты которых подставляются в формируемый заказ. Пользователю останется только подтвердить их.
Когда пользователь добавляет новое юридическое лицо, вводить все его реквизиты не нужно. Достаточно ввести ИНН, остальные поля заполнятся сами — реализовано с помощью модуля, который запрашивает реквизиты из соответствующей базы.
Добавить новое юридическое лицо в личный кабинет возможно только через ручную модерацию коммерческого отдела “СВ Экспорт”. Это сделано для того, чтобы пользователи не могли видеть скидки других юридических лиц.
Цены
Даже в рамках одной компании каждый контрагент имеет разный процент скидки — состоит в разных ценовых группах.
Для удобства работы в хэдер добавлен селектор, в котором сгруппированы все контрагенты компании. При изменении контрагента в селекторе цены в каталоге или карточке товара изменятся автоматически, а значит, менеджер по закупкам будет составлять заказ намного быстрее.
Способы оплаты
В зависимости от выбранного типа пользователя — физическое или юридическое лицо — при оформлении заказа будут предложены разные способы оплаты.
Способы доставки
В рамках сессии при первом входе на сайт определяется местоположение устройства и предлагается подтвердить населённый пункт, в котором находится пользователь сейчас.
При оформлении доставки пункт назначения можно изменить. В зависимости от населённого пункта будет показана или скрыта доставка машинами “СВ Экспорт”. Это связано с тем, что у Светсервис есть собственные склады в нескольких крупных городах России.
Предусмотрены и другие способы доставки: Почта России, СДЭК, самовывоз со склада.
Проектирование
Так мы приступили к разработке структуры сайта, а затем и к самому интерактивному прототипу.
В интерактивном прототипе учтено многое: от изменения свойств элементов и их позиционирования при взаимодействии с курсором, до имитации работы описанного выше функционала, формул расчёта необходимых величин и ошибок ввода данных в поля форм обратной связи. Всё это в трёх разрешениях для мобильных устройств.
Такой подход при проектировании — большая редкость, и позволяет даже в большом проекте не составлять Техническое задание. Но процесс есть процесс, было принято решение, что ТЗ необходимо. Как минимум для проверки.
Дизайн-концепция
Ещё при разработке прототипа были понятны основные принципы дизайн-системы, которую мы внедрим. Использование дизайн-системы существенно ускоряет работу над проектом и облегчает взаимодействие пользователя с сайтом.
Всего было отрисовано более 100 макетов страниц и их состояний.
Адаптив
Отдельно готовились макеты под разрешения экранов ноутбуков, планшетов в двух ориентациях и смартфонов в одной вертикальной ориентации.
Интеграции
Если говорить именно об интеграции с 1С, то обмен с сайтом происходит среди заказов и их статусов, контрагентов, оплат, каталога и количества товаров на складе.
Другие реализованные интеграции: Яндекс.Касса, СДЭК, Почта России, DaData.