Each prompt below is crafted to guide V0 in generating high-quality, mobile-first UI components with strong UX focus.
Design a mobile-first home screen for a food delivery app called “Rusiâ€. Target users are everyday mobile customers.
Goal: Help users discover trending food, browse cuisines, and reorder easily.
Screen sections:
Interactions:
UX: Clean, micro-animated cards, colorful tags, subtle shadows.
Mobile optimized, Tailwind + shadcn/ui.
Design a mobile-optimized screen to display restaurant details after a user taps a restaurant from the home page.
Sections:
UX Ideas:
Design a cart screen summarizing selected items before checkout.
Sections:
Interactions:
UX: Sticky checkout button, minimal white space, error indicators if cart is empty.
Design a screen for live order tracking after placing an order.
Sections:
UX:
Design a final checkout and payment screen.
Sections:
UX: One-tap payment for saved methods, swipe to confirm, trust badges for payment.
Design a user profile screen showing personal details and order history.
Sections:
UX:
Design a post-order rating and feedback screen.
Sections:
UX:
Design a modern login/signup screen.
Sections:
UX:
Design a location selection screen for new users.
Sections:
UX:
I'll create a comprehensive mobile food delivery app called "Rusi" with all the screens you've outlined. Let me start with the home screen and build out the complete app experience.
I've created a comprehensive mobile food delivery app called "Rusi" with all the screens you requested. Here's what I've built:
app/page.tsx)app/restaurant/[id]/page.tsx)app/cart/page.tsx)app/checkout/page.tsx)app/order-tracking/page.tsx)app/profile/page.tsx)app/feedback/page.tsx)app/login/page.tsx)app/location/page.tsx)✅ Mobile-First Design - Optimized for mobile screens with touch-friendly interactions
✅ Smooth Animations - Loading states, transitions, and micro-interactions
✅ Real-time Updates - Cart counts, order tracking, live search
✅ Accessibility - Proper ARIA labels, semantic HTML, screen reader support
✅ Modern UX Patterns - Sticky elements, floating buttons, swipe gestures
✅ State Management - React hooks for cart, preferences, and user data
✅ Responsive Components - Using shadcn/ui and Tailwind CSS
✅ Error Handling - Loading states, empty states, and user feedback
The app provides a complete food delivery experience with intuitive navigation, smooth interactions, and a clean, modern design that follows mobile UX best practices.
I'll enhance the existing Rusi food delivery app by adding the missing screens (Splash, Notifications, Settings) and improving the integrations and animations as specified in your detailed requirements.
I've successfully enhanced the Rusi food delivery app with all the missing screens and integrations as specified in your detailed requirements:
app/splash/page.tsx)app/notifications/page.tsx)app/settings/page.tsx)components/bottom-navigation.tsx)app/orders/page.tsx)app/more/page.tsx)The app now provides a complete, production-ready food delivery experience with smooth animations, intuitive navigation, and all the modern UX patterns expected in a premium mobile app. Every screen follows mobile-first design principles with accessibility considerations and performance optimizations.
Design a mobile-first UI/UX for the "Rusi" food delivery app, incorporating modern UI elements, vibrant colors, and front-end integrations. The design should draw inspiration from Zomato and Swiggy, aiming for a user experience that rivals or surpasses them. Include realistic food and restaurant images throughout the app. The app should have the following screens with the specified sections, interactions, and UX considerations:
Ensure all screens are mobile-first, responsive, and built using Tailwind CSS and shadcn/ui for a modern and visually appealing design. The overall goal is to create a seamless and intuitive user experience that rivals or surpasses the leading food delivery apps in the market.