Лендинг для компанії з виготовлення 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. Розроблено для портфоліо. Можливий викуп:
ексклюзивно (з передачею усіх прав),
на умовах ліцензії (право використання без передачі коду в інші руки).