Project Management
UI/UX
3D Modeling
Development
2024-25
“Chemistry in Motion—
interactive e2wheeler”
BASF wanted to design an interactive, browser-based web module for global audiences featuring a two-wheeler concept. BASFs clients should be able to explore the vehicle through intuitive interactivity, that reveal how BASF materials are used in key components—such as the frame, seat, battery, chassis, and coatings.
The primary interaction between the user and the screen is the camera’s orbit and zoom functionality, controlled via the mouse. In the earlier version of BASF's virtual car, the camera movement lacked physical sensibility failing to convey the vehicle’s true volume and weight resulting in a toy-like feel. This was primarily due to the simplistic spherical orbit style, where the camera could move freely around the target without contextual constraints.
A refined three-ring orbital system enhances intuitiveness by harmonizing camera movement with natural human gestures. It introduces a sense of physical weight and inertia, making each motion feel grounded, deliberate, and instinctively real.
The experience is organized into four key segments Exterior, Powertrain, Chassis, and Charging Infrastructure allowing users to explore specific areas of the vehicle based on their interests or informational needs.
In line with the brand language, solid orange backgrounds are used prominently to create a bold and consistent visual identity, while blue is reserved specifically to highlight the battery system. The vehicle’s CMF&T follows a palette of grey and black tones, accented with vibrant orange to ensure visual coherence across the experience.
A structured data model was designed to manage and map BASF’s material portfolio across multiple two-wheeler components. This enabled dynamic linking between components, materials, and performance attributes for accurate and scalable visualization.
