Interactive E-Bike Experience — Motion & UX Prototype Overvi...

Interactive E-Bike Experience — Motion & UX Prototype

Overview

I designed this high-energy landing page concept to demonstrate how interactive motion can elevate a product’s digital presence. For this e-bike showcase, the goal was to create a seamless transition between product variants while maintaining a strong visual focus on technical specifications.

Key Features

Dynamic State Transitions: Used Figma Smart Animate to create fluid color-shifting backgrounds that match the product aesthetic.

Interactive Specs: Integrated a "hover-reveal" mechanic for key performance metrics (Kinetic, Ignition, Velocity) to keep the UI clean yet informative.

Brand Identity: Focused on a bold, tech-forward aesthetic tailored for the e-mobility market.

The Tech Stack

Design & Prototyping: Figma

Techniques: Component Sets, Smart Animate