Product Title - DEMO

Maps Planner – Discover amazing places, plan your perfect day trips, and visualize your adventures on an interactive map.

Problem

Travelers and city explorers often struggle to:

• Plan efficient day trips with multiple destinations.

• Visualize routes, time taken, and activities in one place.

• Balance exploration with travel time without switching between multiple apps.

Solution

The Maps Planner app simplifies trip planning by:

• Allowing users to search & discover attractions in a city.

• Auto-generating optimized day plans with time and travel estimates.

• Providing an interactive map view with drag-and-drop reordering.

• Offering a timeline view that combines sightseeing + travel time seamlessly.

UX Process & UX Research Methods

1. Research & Discovery

• User Interviews with frequent travelers & tourists.

• Competitive Analysis of Google Maps, TripAdvisor, Rome2Rio.

• Identified gaps: lack of day-planner visualization + seamless route integration.

2. Information Architecture

• Defined task flows for search → select places → generate plan → export.

• Organized data into two synced views: Map View + Day Timeline.

3. Wireframes & Prototyping

• Low-fidelity sketches to validate flows.

• Mid/high-fidelity prototypes in Figma for usability testing.

4. Usability Testing

• Tested with 10 travelers; key improvements:

  • Added drag-and-drop cards for flexibility.

  • Highlighted time estimates clearly on both map & timeline.

Technology Stack

• Frontend: React + Tailwind CSS

• Mapping: Google Maps API

• Backend: Node.js + Express

• Database: MongoDB (for saved itineraries)

• AI Integration: Google AiStudio for place recommendations & smart routing

• Deployment: Firebase Hosting

Final Product

📍 Maps Planner is a city exploration & trip planning app that:

• Helps users create personalized day trips.

• Combines AI recommendations, Google Maps routing, and intuitive UX.

• Provides an exportable itinerary for offline or shared use.

Impact: Simplifies travel planning, saves time, and enhances exploration.