I'll create a comprehensive set of mobile UI mockups for your SplitWise Clone bill-splitting application. The design will focus on clean, trustworthy aesthetics with a friendly yet professional feel.

I've created a comprehensive set of clean, modern UI mockups for your SplitWise Clone bill-splitting application. The design features:

Design Principles Applied:

• Clean & Minimalist: Plenty of white space, clear typography, and uncluttered layouts
• Trustworthy: Professional color scheme with emerald green as the primary color (avoiding blue/indigo)
• User-Friendly: Intuitive navigation, clear visual hierarchy, and familiar UI patterns
• Mobile-First: Optimized for mobile devices with touch-friendly interactions

Key Screens Included:

1. Login Screen - Clean authentication with social login options
2. Dashboard - Overview of balances, groups, and recent activity
3. Group Details - Member balances and expense history for a specific group
4. Add Expense - Comprehensive form for adding new expenses with smart splitting
5. Settle Up - Payment processing with multiple payment method options
6. Profile - User settings, statistics, and account management

Design Features:

• Consistent emerald green color scheme for trust and reliability
• Card-based layouts for clear content separation
• Proper use of avatars, badges, and icons for visual clarity
• Responsive design that works across different screen sizes
• Clear financial information display with positive/negative indicators
• Intuitive navigation patterns

The mockups demonstrate a complete user flow for a bill-splitting application while maintaining the friendly yet professional aesthetic you requested.

Let me redesign these as web-based layouts instead of mobile screens. I'll create proper desktop/web wireframes with appropriate navigation and layout patterns.

Perfect! I've redesigned the SplitWise Clone as proper web-based UI mockups instead of mobile screens. Here are the key improvements:

Web-Specific Design Features:

Layout & Navigation:

• Top navigation bar with logo, main navigation links, search, and user controls
• Breadcrumb navigation for better context and hierarchy
• Multi-column layouts that utilize desktop screen real estate effectively
• Sidebar-style information panels for supplementary content

Desktop-Optimized Components:

• Split-screen login with branding section and form
• Dashboard grid layouts showing more information at once
• Detailed expense tables with filtering and export options
• Multi-step forms with better organization and visual flow

Professional Web Aesthetics:

• Larger typography and spacing appropriate for desktop viewing
• Card-based layouts with proper shadows and borders
• Responsive grid systems that work across screen sizes
• Web-appropriate interaction patterns (hover states, larger click targets)

Enhanced Functionality:

• Advanced filtering and search capabilities
• Bulk actions and management tools
• Detailed statistics and reporting views
• File upload areas with drag-and-drop support
• Comprehensive form validation and user feedback

The design maintains the same clean, trustworthy aesthetic while being properly optimized for web browsers and desktop usage patterns. Each screen now feels like a proper web application rather than a mobile app displayed on a larger screen.