1126

Google Maps Vehicle Customization Interaction

Google Maps Vehicle Customization Interaction

This interaction allows users to customize their navigation icon in Google Maps. Tapping the vehicle option expands the bottom sheet to reveal a horizontal 3D carousel of different car models. Users can swipe horizontally to browse vehicles, which snap into place with a subtle depth rotation. Below the carousel, a grid of vibrant color swatches allows users to dynamically change the car's paint color. Tapping a color swatch triggers a smooth color transition on the 3D model, accompanied by a scale-up bounce on the selected swatch.