Agoda Maps - Web Redesign

Optimizing the map experience across all the platforms. Partnering with a PM and a product designer to test out incremental hypothesis while shape the long term product vision. Think big and take small steps.

Timeline

Sep 2017- Mar 2018 (6 months)

My Role

Leading the Maps UX with a product designer on the team

Shape the roadmap with PM, researcher, and engineers

Phase 1 (2017 Q4) - Fixing the basics UX

  1. Popup

  2. Sort & filter

  3. Card redesign

  4. Pin redesign

  5. Map centering

  6. Interaction with map

  7. Favorite

Phase 2 (2018 Q1) - Boost traffic & enhance POIs

  1. Map awareness & discoverability

  2. POI search

  3. Map related content

  4. Redo search behavior

  5. Display landmarks

  6. Display city center

  7. Distance to POI

Phase 3 (2018 Q2) - North Star UX

  1. Compare properties on map view

  2. Property preview

  3. Shorter the booking funnel

Before and after redesign

Left (Sep 2017), Right (Mar 2018)

Left (Sep 2017), Right (Mar 2018)

Phase 1 - Fixing the basics

Nailing the basics and enhance the UX by testing each design hypothesis to track and learn

Image+from+iOS+%289%29.jpg
Showing the most critical info - image, review, price and star rating

Showing the most critical info - image, review, price and star rating

Property-cards.png
Infinite scrolling and improve empty state

Infinite scrolling and improve empty state

Phase 2 - Boost traffic & enhance POIs

Boost map usage

Boost map usage

POI search - Start with a fake door test to gauge user interests

POI search - Start with a fake door test to gauge user interests

Real implementation - conversion positive (+60 IBPD)

Real implementation - conversion positive (+60 IBPD)

Airport pin

Airport pin

Property nearby POIs

Property nearby POIs

Phase 3 - Developing the North Star

After 2 quarters of learning the product, developing the vision and how it works with the entire funnel

Design goal

  1. Improve POIs display and neighborhoods info

  2. Property preview on Map

  3. Shorten the booking journey

Framework A - Map & list hybrid view

Untitled.jpg

Framework B - Static map & side filter

North-star.png
Previous
Previous

Agoda Maps - App

Next
Next

Post Booking Experience (MMB)