Google Maps UI: app screens and website

Google Maps has both an app and a website in the library: the Google Maps UI in 15 app screens, walked flow by flow from detail onward, and 1 website section. Every one is free to look at here; sign up to see them full size, with motion and the notes behind each design.

Web app 1

Google Maps

MapAppMinimal lightLight

Home 1

Google Maps

MapAndroidMinimal lightLight

Onboarding 1

Google Maps

OnboardingAndroidMinimal lightLight

Search 2

Google Maps

SearchAndroidMinimal lightLight

Google Maps

SearchAndroidMinimal lightLight

Detail 5

Google Maps

DetailAndroidMinimal lightLight

Google Maps

DetailAndroidMinimal lightLight

Google Maps

SearchAndroidMinimal lightLight

Google Maps

MapAndroidMinimal lightLight

Google Maps

ListAndroidMinimal lightLight

Profile 2

Google Maps

ProfileAndroidMinimal lightLight

Google Maps

ProfileAndroidMinimal lightLight

Browse 1

Google Maps

ListAndroidMinimal lightLight

Other screens 3

Google Maps

SettingsAndroidMinimal lightLight

Google Maps

MapAndroidPhoto ledDark

Google Maps

ProfileAndroidMinimal lightLight

Sign up free to keep browsing

See all 16 Google Maps references full size, with motion and the notes behind each design.

Collections with Google Maps