Лукойл

Ранее в Лукойл использовали сторонний зарубежный сервис. Со временем он перестал соответствовать требованиям, к тому же, заканчивалась лицензия. Вместе с заказчиком мы решили сделать импортозамещение и разработать свой собственный подборщик — ещё лучше и удобнее.

Важное требование — возможность встраивать подборщик на сайты Лукойл в виде виджета.

Мы с головой погрузились в проект:

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

Итогом этапа проектирования стало подробное техническое задание, продуманная и оптимизированная архитектура БД, прототипы всех экранов подборщика и стартовой страницы.

Приступили к дизайну — собрали все макеты для больших и малых экранов, отрисовали иконки, подготовили UI-kit для дальнейшего развития сервиса.

Найти свой авто можно как через строку поиска, так и по классификатору (категория → марка → модель → модификация).

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

Лицензия на иностранный сервис заканчивалась, и мы не могли оставить Лукойл без подборщика. Чтобы сделать все в срок, решили вначале запустить MVP-версию. Это был полноценный подборщик, который заказчик сразу смог встроить на свой сайт.

С ее помощью сотрудники Лукойл могут управлять всеми данными:

• каталог техники (авто);
• каталог продуктов (масла);
• все необходимые справочники (спецификации, вязкости и т. д.);
• разграничение прав доступа администраторов;
• логи всех действий пользователей с отметкой автора и даты.

• Frontend: Vue.js, Tailwind CSS.
• Backend: PHP + фреймворк Laravel, база данных PostgreSQL.
• Elasticsearch.
• Шифрование данных.
• Защита от парсинга.

Продолжаем сотрудничество с Лукойл по поддержке и развитию сервиса.

Посетить сайт lubricantadvisor.lukoil-masla.ru