Interactive E-Bike Experience — Motion & UX Prototype Overview I designed this high-energy landin...Interactive E-Bike Experience — Motion & UX Prototype Overview I designed this high-energy landin...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Ganiyy's avatar
Ganiyy Nafiu
• Dec 22
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
UX DesignProduct DesignUI DesignlandingpagedesignwebdesignFigma
Umar's avatar
Umar Tanveer
• Dec 22
Awesome work :)
Ganiyy's avatar
Ganiyy Nafiu
• Dec 22
Thanks
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started