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