Motoretta

Motoretta Hero
JavaScriptjQueryGSAPSCSSLaravelWebpackSlick SliderFigma

About the Project

Motoretta, the first Bulgarian electric scooter manufacturer, needed a digital flagship store to launch their brand. My role was to engineer a high-fidelity e-commerce experience that blended lifestyle storytelling with complex technical functionality. The centerpiece of the project was the **Interactive Product Configurator**, which I built using a custom JavaScript state architecture. This allowed users to visually customize their scooter using synchronized sliders with real-time price updates and dependency checks—all without a heavy SPA framework. • Custom Configurator - Implemented a state machine to manage connected sliders and configurable options with seamless visual updates • GSAP Animations - Implemented high-performance scroll triggers and 60fps transitions for a premium "app-like" feel • Performance Architecture - Used ES6 class-based patterns to modernize legacy jQuery contexts, ensuring maintainability • Multifaceted UI - Built responsive checkout flows, product galleries, and B2B dealer locators The result is a distinct, immersive platform that successfully drove the brand's Direct-to-Consumer sales and B2B expansion.

Design System

Aa

Intro Light Alt Fonts

Intro Light Alt Fonts RegularIntro Light Alt Fonts Bold

Responsive Design

Mobile View
Tablet View
Desktop View
Motoretta: Interactive E-Commerce Platform | Teodor Dimitrov | Teodor Dimitrov