Лендинг для компании по изготовлению EVA-ковриков для авто

Описание проекта:
Разработал современный одностраничный сайт для продажи индивидуальных EVA-ковриков для автомобилей. Основная задача — создать быстрый, стильный и удобный лендинг с акцентом на конверсию и онлайн-заказы.

Что было реализовано:

UI/UX дизайн: минималистичный стиль, акцентные цвета, плавные анимации, адаптивность под все устройства.

Hero-блок с большим фоновым фото, заголовком и CTA-кнопками.

Преимущества продукта — блок с иконками и описанием ключевых плюсов.

Галерея работ на базе Swiper.js с адаптивными изображениями (webp/avif).

Конфигуратор товара:

выбор марки, модели и года авто;

выбор комплектации, узора, цвета и окантовки;

динамический расчет стоимости;

маска для телефона (Inputmask).

Анимации с помощью GSAP + ScrollTrigger, плавный скроллинг на Lenis.

Отзывы клиентов в карточках с анимацией появления.

SEO-оптимизация:

правильно настроенные мета-теги (title, description, OG, Twitter card);

структурированные данные Schema.org (Organization + Product);

оптимизированные изображения с lazy loading.

Техническая часть:

кастомизированный TailwindCSS через CDN;

собственные стили (glass, noise, градиентные бордеры);

адаптивная верстка (mobile-first).

Аналитика и реклама: подключение Google Tag, Meta Pixel, TikTok Pixel (закомментировано для заказчика).

Результат:
Быстрый, адаптивный лендинг с интерактивным конфигуратором, который позволяет пользователю собрать свой комплект EVA-ковриков и оставить заявку онлайн.

Технологии:
HTML5, Tailwind CSS, JavaScript (ES6), GSAP, ScrollTrigger, Swiper.js, Lenis, Inputmask, Schema.org JSON-LD.

P.S. Разработано для портфолио. Возможен выкуп:
эксклюзивно (с передачей всех прав),
на условиях лицензии (право использования без передачи кода другим лицам).