collection_mobile_app
🎨 Collection App – AI Design Prompt Prompt: Design a modern mobile Collection App for field collection officers working in finance/micro-finance companies. The app is used daily by collectors to manage assigned customers, collect installments, record visits, and track performance. Target Users Collection officers (field agents) Supervisors (read-only dashboards) Platform Mobile app (Android & iOS) Mobile-first UX Core Screens to Design 1. Login & Authentication Simple login with company email + password Optional SSO support Clean, professional look Company logo at top 2. Home Dashboard Greeting header (e.g., “Good morning, Ahmed”) Summary cards: Total assigned customers Due today Collected today Remaining amount Primary CTA buttons: “Customers” “Today’s Visits” “Collections” 3. Customers List Screen Search bar (by name / customer code) Filter chips: Due today Overdue Paid Not visited Customer cards showing: Customer name Customer code Due amount Status badge (Paid / Due / Overdue) Card tap navigates to customer details 4. Customer Details Screen Customer personal info (name, phone, address) Loan summary card: Loan amount Remaining balance Installment amount Due date Action buttons: “Collect Payment” “Add Visit” “Add Comment” “Call Customer” 5. Installments & Collection Screen Table or card list of installments Each installment shows: Date Amount Status (Paid / Unpaid) Collect payment flow: Enter collected amount Select payment method (Cash / Transfer) Add optional note Confirm collection 6. Visits & Comments Timeline-style visit history Each visit includes: Date & time Location pin icon Notes Add visit form with: Visit type Comment Optional photo upload 7. Profile & Settings Collector info Logout App version Design Style & UI Guidelines Clean, professional, enterprise-grade UI Minimalistic layout Rounded cards Soft shadows Clear hierarchy and spacing Color Palette Primary: Dark Blue or Navy (trust & finance) Secondary: Green (success, payment) Accent: Orange or Amber (alerts, overdue) Neutral: White, light gray backgrounds Typography Modern sans-serif (Inter / Roboto / SF Pro) Clear readable numbers for financial data Icons & Visuals Use outline icons (Material / Lucide style) Status badges with color coding Subtle animations for success actions UX Principles One-hand friendly Fast navigation for field use Large touch targets Offline-friendly design hints Clear confirmation dialogs for payments Overall Feel Reliable Efficient Field-ready Professional financial app used by real collectors every day