Цель проекта — представить услуги компании по доставке топлива (дизель, бензин, печное топливо) частным и корпоративным клиентам, упростить оформление заявки и подчеркнуть надёжность сервиса. Сайт решает задачи генерации лидов, информирования и повышения доверия к бренду.
Дизайн: Figma
Разработан кастомный UI в фирменных цветах (тёмные фоны, жёлтые или красные акценты — ассоциация с топливом, энергией).
Продуманный UX с акцентом на быструю заявку и ключевые преимущества.
Создан дизайн системы: кнопки, формы, карточки, иконки.
Мобильная версия — с учётом быстрого ввода данных и кликабельности.
Верстка: Bootstrap 5
Адаптивная и кроссбраузерная верстка по макету.
Использованы стандартные компоненты Bootstrap (grid, кнопки, формы), кастомизация классов под фирменный стиль.
Анимации появления блоков, плавный скролл.
Оптимизированные изображения, SVG-иконки.
Подключение форм обратной связи (через PHP-обработчик или Telegram-бот).
Структура сайта:
Главная:
Краткое УТП: "Оперативная доставка топлива — точно в срок"
Преимущества: лицензии, свой автопарк, 24/7
Форма заявки с выбором объёма и типа топлива
География доставки (карта)
Блок с отзывами и сертификатами
Услуги:
Доставка дизтоплива, бензина, печного топлива
Заправка спецтехники и резервуаров
Обслуживание предприятий и частных домов
О компании:
История, парк техники, штат, лицензии
Контакты:
Карта, формы связи, телефоны, мессенджеры
Дополнительно:
Сбор аналитики (GA4, Яндекс.Метрика)
Готовность к SEO (семантически правильные теги, заголовки, alt-описания, адаптивность)
Возможность дальнейшей интеграции с CMS при необходимости
