Teboil. Смазочные материалы

line-pattern-2 promo-laptop-desktop
SCROLL

О проекте

Teboil — премиальный международный бренд, представляющий в России сеть заправочных станций и широкий ассортимент смазочных материалов. Является дочерним предприятием «Лукойл».

Клиент ООО «Тебойл»
Год разработки 2023–2024
Сфера Смазочные материалы и автомобильные заправочные станции
Экспертизы UX/UI дизайн, frontend и backend разработка, QA тестирование, DevOps и инфраструктура

Задачи проекта

01

Разработка личного кабинета дилера

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

02

Создание онлайн-сервиса для подбора масла

Требовался функционал, в котором клиент мог подобрать моторное масло, в зависимости от модели и характеристик автомобиля

03

Разработка разделов для разных новостей

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

Разработка личного кабинета дилера

Создали интуитивно понятную страницу авторизации дилеров в фирменном стиле компании

teboil-1-desktop
Карта точек продаж

В личном кабинете дилера разработали редактируемую карту с точками продаж масла Teboil, в которой можно добавить, удалить или изменить точку

teboil-2-1-desktop
teboil-2-1-desktop
Личный кабинет модератора

Также был создан личный кабинет модератора со списком дилеров и возможностью редактирования их данных

teboil-3-desktop

Создание сервиса для подбора масла

Онлайн-сервис предоставляет клиенту возможность подобрать моторное масло в зависимости от модели и характеристик автомобиля

teboil-4-1-desktop
1/3
Точка входа сервиса — поисковая строка с выбором марки и модели автомобиля
teboil-4-2-desktop
2/3
После ввода марки появляются поля для уточнения параметров (модель, год, тип топлива и объем двигателя)
teboil-4-3-desktop
3/3
После ввода всех параметров сервис показывает рекомендации автомобильных масел
arrow-right
arrow-right
Адаптивный дизайн

Сервис подбора масла адаптирован под все разрешения экрана, поэтому им удобно пользоваться с любого устройства

teboil-5-1-desktop
teboil-5-1-desktop

Разработка разделов новостей

Разработали новые новостные разделы, добавили переключение через табы и создали детальную страницу новости

teboil-6-2-desktop
teboil-6-2-desktop
teboil-6-2-desktop

Страница «Технология CARBON-TO-LUBES»

teboil-6-2-desktop

Онлайн-помощник для посетителей сайта

teboil-6-2-desktop
teboil-6-2-desktop
teboil-6-2-desktop

Страница с отзывами

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

teboil-9-1-desktop
teboil-9-1-desktop

Интерактивная страница акционного предложения

Карта точек продаж и замены масла Teboil

teboil-9-1-desktop

Каталог смазочных материалов

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

teboil-12-1-desktop
teboil-12-2-desktop
Карточка товара

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

teboil-13-desktop

Защита сайта от DDoS-атак

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

teboil-13-desktop

Шрифт «Montserrat»

Современный гротескный шрифт без засечек, удобный в использовании благодаря своей чёткости и универсальности

Стили текста

Стили необходимы для подачи текстовой информации, чтобы сайт был более привлекательным и понятным для посетителей

Заголовки Bold / 14-32 px
Текст Regular, Medium, Bold / 12-18 px
Другие стили Regular, Semibold, Bold / 10-16 px