Google Maps Integration

UX/UIProduct Design
Google Maps Integration
Google Maps Integration illustration

Table of Contents

  • Context
  • Design Solution
  • Key Metrics
  • Design process

Design Solution

With the new solution, users can now generate a mileage expense in just two clicks. Offering a clear visualization of both origin and destinations, the system adds convenience by enabling users to easily convert their route into a roundtrip with just one click. Even during multiple short journeys within the same city, users retain the option to manually create mileage expenses, providing flexibility alongside streamlined efficiency.

Google Maps Integration illustrationGoogle Maps Integration illustrationGoogle Maps Integration illustrationGoogle Maps Integration illustrationGoogle Maps Integration illustrationGoogle Maps Integration illustrationGoogle Maps Integration illustration

Results

We managed to create a great impact with this feature. The new feature "Routes" got a noteworthy 37% adoption rate. On the other hand, the revelation of the roundtrip capability, unveiled through research, proved to be a game-changer, embraced by a staggering 70% of users when creating mileage expenses. ✨ New feature "Routes": 37% adoption rate ✨ Roundtrip capability: 70% adoption rate

Process

My process kicked off with a thorough analysis of competitor solutions, uncovering insights like the Roundtrip capability. Establishing a clear big picture through information architecture, I then presented diverse solutions via wireframes to collaborate with PM and engineers. Upon alignment on a direction, I transitioned to final visuals, subjecting the solution to user testing—successfully validating the Roundtrip concept. Iterative refinement with the team ensued, culminating in a comprehensive project handoff inclusive of user flows and pixel-perfect specifications.

Google Maps Integration illustrationGoogle Maps Integration illustrationGoogle Maps Integration illustrationGoogle Maps Integration illustrationGoogle Maps Integration illustration

Thank you for reading! 💙