Fanpit
Fanpit is a unified mobile platform designed to streamline everyday experiences—ranging from food delivery and movie tickets to retail shopping and event bookings.
Created 12 high-fidelity wireframes showcasing the full end-to-end food ordering journey—from restaurant discovery and menu browsing to real-time tracking and post-delivery feedback.
I was tasked with creating a scalable and intuitive mobile UI that balances multiple high-traffic services within a single ecosystem, while also enhancing user retention through loyalty integration and AI assistance.
Integrated a conversational AI assistant within the design to support users with order suggestions, reorders, and smart tracking.
Focused on retention strategies through loyalty rewards, gamified status tiers, and timely feedback prompts. Ensured the experience was mobile-first, scalable, and aligned with modern design systems.
Fanpit User Flow
​
1. App Launch & OnboardingSplash Screen → Intro Screens (optional) → Sign Up / LoginOptions: Google / Apple / OTPGuest Mode (limited access)
2. Landing Page (Multi-Service Hub)Home / DashboardService Options:Food OrderingEvent TicketingService BookingMovie TicketsRetail DealsLoyalty ProgramNavigation Options:Search, Orders, Rewards, Profile
3. Food Ordering FlowRestaurant DiscoverySearch bar, filters (Cuisine, Rating, Offers)Featured & Recommended restaurantsRestaurant Page → Menu BrowsingCategories (Starters, Main, Drinks, Desserts)Item Cards (Name, Price, Add to Cart)Customization & CartEdit portions, add toppingsView cart summaryApply discount codes / loyalty rewardsCheckout & PaymentDelivery addressPayment options (Card, UPI, Wallet, COD)Confirm orderOrder Confirmation → Real-time TrackingOrder number + ETAStatus updates (Placed → Preparing → Out for Delivery → Delivered)Delivery partner info + live mapDelivery / Pickup CompletionConfirmation of deliveryOption to reorderFeedback & Loyalty UpdateRate food & deliveryEarn loyalty pointsShare review
4. Loyalty Program FlowAccess via Rewards tab or checkout promptsView:Points earnedTier status (e.g., Silver, Gold, Platinum)Redeemable rewards / coupons
5. AI Agent Flow (Optional)Chat/Voice InterfaceSuggest restaurants based on historyQuick reorder from past mealsTrack order via conversationRecommend loyalty rewards
Making AI Contextual & Non-Intrusive
Step 1: Map User Journey & Identify Pain Points
-
Create a user flow diagram of the entire Fanplt service journey
-
Identify moments of hesitation, confusion, or decision fatigue
-
Mark these as potential AI intervention points
AI Trigger Scenarios:
1. On Homepage (first visit only): - Show: "Hi! I'm here to help you find the right service. What are you looking for?" - Design: Small, welcoming banner at top (dismissible)
2. On Service Listing Page (after 20 seconds): - Show: "Need help choosing? I can recommend based on your needs." - Design: Subtle slide-in from bottom corner with gentle animation
3. During Service Selection (when user toggles between 3+ services): - Show: "I notice you're comparing options. Want me to break down the differences?" - Design: Inline suggestion within the comparison view
4. At Checkout (if user pauses for 10+ seconds): - Show: "Questions about booking? I'm here to help." - Design: Contextual tooltip near checkout button