Poland, Czech Republic.
EVAMATS
Complete UI/UX redesign and interactive product configurator engineered for EVAMATS, optimized for 80% mobile traffic and scaled for European markets.
- Figma UI Kit
- Design System
- UI/UX Design
- Mobile First
- E-commerce
- Automotive Accessories
- Configurator
4
weeks — Design engineering timeframe
80%
traffic — Mobile conversion focus
CLIENT CHALLENGES
-
Counterproductive visual strategy. The old e-commerce platform relied on a dark theme to artificially differentiate from competitors, which severely degraded text readability and reduced perceived product quality.
-
Friction-heavy user journey. The custom car mat configuration funnel required too many separate sequential steps, creating verified drop-offs during car model selection.
-
Substandard mobile experience. The interface failed to accommodate touch interactions, resulting in shopping cart abandonment from 80% of the active user base using smartphones.
-
Fragmented interface elements. The absence of a centralized design framework led to inconsistent typography, button behaviors, and layout alignments across country versions.
OUR SOLUTION
-
Data-Driven UI Redesign & Theme Migration
- We executed a complete visual overhaul, shifting EVAMATS from a dark layout to a clean, high-conversion light interface.
- Backed by competitive benchmarks and UX audit data, we demonstrated to the client how a light canvas improves color accuracy for custom mat materials and edge trimmings.
- The new UI balances minimal aesthetics with industrial tech motifs, increasing brand trust in the Polish and Czech markets.
-
Optimized Conversion-Focused Configurator
- We streamlined the custom vehicle configurator by condensing the multi-step selection path into a single intuitive interface. Users can now choose their car make, model, manufacturing year, material color, and border style without page reloads.
- We reduced friction by incorporating prominent visual previews, immediate input validation, and clear stepping indicators to eliminate user hesitation.
-
Touch-Optimized Mobile-First Architecture
- To address the needs of 80% of the platform's audience, we prioritized smartphone design configurations.
- Every selection block, dropdown sheet, and color card was scaled and positioned to allow effortless, one-handed operation.
- We introduced swipe gestures, sticky call-to-action buttons, and native mobile inputs to transform the complex customization task into an effortless checkout process.
-
Comprehensive Figma Design System
- We engineered an enterprise-grade UI Kit in Figma to ensure a flawless transition from design to front-end development.
- The framework defines global typographic scales, fluid layout grids, precise color tokens, and interactive component variants.
- Every input field, state change (hover, active, focus), and button configuration was documented to enable rapid multi-market expansion.
SCALABILITY
The design infrastructure provides an extensible foundation for growing the EVAMATS digital footprint across Europe. The component-driven UI Kit allows the client to expand their catalog with new accessory categories, such as trunk organizers or protection liners, without broken layouts. Global component overrides support rapid localization for new regional languages and currencies, preserving design consistency across all current and future store mirrors.
RESULTS
-
Complete design delivery in 4 weeks. The product journey progressed from raw analytics and hypotheses to development-ready interactive mockups within a single month.
-
Data-validated visual change. Shifting to an ergonomic light layout restored accurate product color presentation and resolved user readability issues.
-
Maximized mobile usability. The interface architecture natively accommodates 80% of mobile users, converting smartphone traffic into successful checkouts.
-
Development-ready assets. The delivery of a componentized Figma design system completely removed frontend ambiguity, speeding up subsequent code integration.
-
Frictionless conversion funnel. Optimizing the custom configurator path minimized cart drops, creating an unobstructed pipeline from model selection to order completion.
Tech stack
Timeline and Team
4 weeks
total
-
In-house team3 people1 UX researcher, 1 UI/UX designer, 1 PM
Get Your Project Estimated Within 24 Hours
Leave your phone number and select a service. We’ll call you, discuss the details in about 10 minutes, and provide an estimated price range, timeline, and scope of work.