Project Description:
Developed a modern one-page website for selling custom EVA car mats. The main task is to create a fast, stylish, and user-friendly landing page with a focus on conversion and online orders.
What has been implemented:
UI/UX design: minimalist style, accent colors, smooth animations, responsiveness for all devices.
Hero block with a large background photo, headline, and CTA buttons.
Product benefits - a block with icons and descriptions of key advantages.
Gallery of works based on Swiper.js with responsive images (webp/avif).
Product configurator:
selection of brand, model, and year of the car;
selection of trim, pattern, color, and edging;
dynamic cost calculation;
phone mask (Inputmask).
Animations using GSAP + ScrollTrigger, smooth scrolling on Lenis.
Customer reviews in cards with appearance animation.
SEO optimization:
properly configured meta tags (title, description, OG, Twitter card);
structured data Schema.org (Organization + Product);
optimized images with lazy loading.
Technical part:
customized TailwindCSS via CDN;
custom styles (glass, noise, gradient borders);
responsive layout (mobile-first).
Analytics and advertising: integration of Google Tag, Meta Pixel, TikTok Pixel (commented out for the client).
Result:
A fast, responsive landing page with an interactive configurator that allows the user to assemble their set of EVA mats and submit an online request.
Technologies:
HTML5, Tailwind CSS, JavaScript (ES6), GSAP, ScrollTrigger, Swiper.js, Lenis, Inputmask, Schema.org JSON-LD.
P.S. Developed for portfolio. Possible purchase:
exclusively (with transfer of all rights),
under a licensing agreement (right to use without transferring code to third parties).
Developed a modern one-page website for selling custom EVA car mats. The main task is to create a fast, stylish, and user-friendly landing page with a focus on conversion and online orders.
What has been implemented:
UI/UX design: minimalist style, accent colors, smooth animations, responsiveness for all devices.
Hero block with a large background photo, headline, and CTA buttons.
Product benefits - a block with icons and descriptions of key advantages.
Gallery of works based on Swiper.js with responsive images (webp/avif).
Product configurator:
selection of brand, model, and year of the car;
selection of trim, pattern, color, and edging;
dynamic cost calculation;
phone mask (Inputmask).
Animations using GSAP + ScrollTrigger, smooth scrolling on Lenis.
Customer reviews in cards with appearance animation.
SEO optimization:
properly configured meta tags (title, description, OG, Twitter card);
structured data Schema.org (Organization + Product);
optimized images with lazy loading.
Technical part:
customized TailwindCSS via CDN;
custom styles (glass, noise, gradient borders);
responsive layout (mobile-first).
Analytics and advertising: integration of Google Tag, Meta Pixel, TikTok Pixel (commented out for the client).
Result:
A fast, responsive landing page with an interactive configurator that allows the user to assemble their set of EVA mats and submit an online request.
Technologies:
HTML5, Tailwind CSS, JavaScript (ES6), GSAP, ScrollTrigger, Swiper.js, Lenis, Inputmask, Schema.org JSON-LD.
P.S. Developed for portfolio. Possible purchase:
exclusively (with transfer of all rights),
under a licensing agreement (right to use without transferring code to third parties).