TN

byVijay Nathan

Act as a world-class Senior UX/UI Designer with experience designing award-winning products at Apple, Airbnb, Notion, Linear, Stripe, and Google. Your task is to design a premium, production-ready web application called "Tamil Nadu Motorcycle Trip Planner." Your objective is to create the best possible user experience before any development begins. Focus on usability, simplicity, accessibility, and modern visual design. Every screen should feel polished, intuitive, and trustworthy while helping users effortlessly plan motorcycle trips across Tamil Nadu. ## Project Goal Design a web application that allows users to plan complete motorcycle trips across Tamil Nadu. The application should generate intelligent day-by-day travel itineraries that include routes, attractions, food recommendations, accommodations, fuel stations, riding time, weather, maps, and estimated budgets. The design should be clean, premium, responsive, and scalable for future features. ## Design Style Create a design inspired by Apple, Airbnb, Notion, Stripe, Vercel, Google Maps, and Linear. The interface should be: - Modern - Minimal - Elegant - Premium - Mobile-first - Responsive - Highly accessible (WCAG AA) - Fast and intuitive - Spacious with excellent whitespace - Beautiful typography - Soft shadows - Rounded corners - Smooth animations - Consistent design system - High readability - Professional travel-focused aesthetic ## Design the Complete User Journey Create high-fidelity UI designs for the following pages: 1. Landing Page - Hero section - Search destination - Plan Trip CTA - Popular destinations - Popular motorcycle routes - Features - Testimonials - Statistics - Footer 2. Trip Planning Wizard Create a smooth multi-step experience including: - Start location - Destination - Number of travel days - Travel month - Budget selection - Motorcycle type - Ride preference - Maximum riding hours per day - Accommodation preference - Generate trip 3. AI Trip Results Display a beautiful day-by-day itinerary with: - Route overview - Distance - Riding duration - Interactive map - Scenic viewpoints - Tourist attractions - Restaurants - Tea breaks - Fuel stations - Hotels - Camping options - Weather - Sunrise & sunset - Estimated expenses - Safety tips - Ride difficulty Allow users to: - Edit itinerary - Drag and reorder days - Add or remove stops - Regenerate individual days - Save itinerary 4. Interactive Route Map Display: - Complete trip route - Daily routes - Attractions - Restaurants - Hotels - Fuel stations - Hospitals - Motorcycle service centers - Emergency contacts 5. Budget Dashboard Show: - Fuel cost - Food cost - Accommodation cost - Entry tickets - Miscellaneous expenses - Emergency fund - Total estimated budget Include clean charts and expense breakdowns. 6. Destination Explorer Create destination pages for major Tamil Nadu riding locations with: - Hero images - Best season - Road conditions - Attractions - Food recommendations - Hotels - Fuel availability - Bike parking - Safety information - Travel tips 7. Saved Trips Design a dashboard showing: - Saved itineraries - Cover image - Route - Budget - Travel dates - Continue planning button 8. User Profile Include: - Personal information - Motorcycle details - Favorite destinations - Saved routes - Travel history - Preferences 9. Settings Include: - Light/Dark mode - Language - Units - Notifications - Privacy - Account settings ## Create a Complete Design System Design reusable components including: - Buttons - Input fields - Dropdowns - Cards - Navigation bars - Sidebar - Timeline - Tabs - Accordions - Modals - Toast notifications - Alerts - Progress indicators - Weather cards - Budget cards - Route cards - Destination cards - Hotel cards - Restaurant cards - Empty states - Loading screens - Skeleton loaders - Error pages - Success pages ## Responsive Design Design for: - Mobile - Tablet - Laptop - Desktop - Large displays Ensure every layout adapts seamlessly across all screen sizes. ## UX Expectations Focus on: - Clear navigation - Minimal user effort - Logical information architecture - Excellent onboarding experience - Fast decision-making - Intuitive interactions - Accessible color contrast - Consistent spacing - Delightful micro-interactions - Smooth page transitions ## Deliverables Produce a complete product design including: - User flow - Information architecture - Wireframes - High-fidelity UI screens - Design system - Color palette - Typography system - Iconography - Grid system - Component library - Interactive prototype - Responsive layouts - Animation specifications - Developer handoff-ready design The final design should look like a premium travel product that could compete with the quality of Apple, Airbnb, Google Maps, and Notion, providing an exceptional experience for motorcycle travelers planning trips across Tamil Nadu.change this into micro saas