FastTrans доставка топлива

Описание

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

Решение

Дизайн: Figma

Разработан кастомный UI в фирменных цветах (тёмные фоны, жёлтые или красные акценты — ассоциация с топливом, энергией).

Продуманный UX с акцентом на быструю заявку и ключевые преимущества.

Создан дизайн системы: кнопки, формы, карточки, иконки.

Мобильная версия — с учётом быстрого ввода данных и кликабельности.

Верстка: Bootstrap 5

Адаптивная и кроссбраузерная верстка по макету.

Использованы стандартные компоненты Bootstrap (grid, кнопки, формы), кастомизация классов под фирменный стиль.

Анимации появления блоков, плавный скролл.

Оптимизированные изображения, SVG-иконки.

Подключение форм обратной связи (через PHP-обработчик или Telegram-бот).

Структура сайта:

Главная:

Краткое УТП: "Оперативная доставка топлива — точно в срок"

Преимущества: лицензии, свой автопарк, 24/7

Форма заявки с выбором объёма и типа топлива

География доставки (карта)

Блок с отзывами и сертификатами

Услуги:

Доставка дизтоплива, бензина, печного топлива

Заправка спецтехники и резервуаров

Обслуживание предприятий и частных домов

О компании:

История, парк техники, штат, лицензии

Контакты:

Карта, формы связи, телефоны, мессенджеры

Дополнительно:

Сбор аналитики (GA4, Яндекс.Метрика)

Готовность к SEO (семантически правильные теги, заголовки, alt-описания, адаптивность)

Возможность дальнейшей интеграции с CMS при необходимости

Презентация проекта