GCC Financial Analysis Platform
Mobile App Design System - iPhone 16 Pro Max Optimized
PROJECT COMPLETE: All 16 screens built (100%)
16
Screens Complete
100%
Project Complete
820+
GCC Companies
9
Comparison Types
Phase 1: Core Experience ✓ Complete
Essential screens for browsing, searching, and analyzing GCC companies
Screen 1
Dashboard Home
Your personalized command center with quick actions, watchlist, and recent activity.
- 4-card Quick Actions grid
- Watchlist with live metrics
- Recent activity timeline
- GCC coverage statistics
Screen 2
Analytics Tab
Choose from 9 comparison types to perform CFA-level financial analysis.
- 3×3 comparison types grid
- Recent comparisons history
- Premium upgrade teaser
- All 9 types interactive
Screen 3
Comparison Results
Side-by-side financial metrics with expandable analysis categories.
- Split-screen entity comparison
- Key highlights with winner badges
- Expandable detail sections
- Save and export options
Screen 4
Screener Interface
Search and filter 820+ GCC companies by country, sector, and metrics.
- Advanced search and filters
- Sort by multiple criteria
- Real-time results (147 found)
- Saved screen templates
Screen 5
Annual Reports Library
Access 1,247+ annual reports from GCC publicly traded companies.
- Search by company or year
- Filter by country and sector
- Report cards with metadata
- Recently viewed tracking
Screen 6
Company Profile
Deep-dive into 9 CFA analysis categories with 45+ financial metrics.
- Live stock price and change
- 6 quick stat highlights
- 9 expandable analysis categories
- Profitability, liquidity, valuation++
Screen 7
PDF Viewer
In-app viewer for annual reports with zoom, navigation, and annotations.
- Continuous scroll through pages
- Zoom levels (100%, 125%, 150%)
- Page navigation (1 of 142)
- Annotation tools (Premium)
Phase 2: Comparison Wizard ✓ Complete
5-step guided flow for creating detailed comparisons
Screen 8
Step 1: Type Selection
Choose comparison type from 3×3 grid with auto-advance on selection.
- 9 comparison types (3×3 grid)
- Progress indicator (20%)
- Auto-advance on selection
- Visual selection feedback
Screen 9
Step 2: First Entity
Select first company from Recent, Popular, and All sections with search.
- Search functionality
- Sectioned lists (Recent/Popular/All)
- Company cards with details
- Selection preview
Screen 10
Step 3: Second Entity
Choose second entity with comparison context card and smart filtering.
- Comparison context display
- Smart sector filtering
- Similar companies first
- Live comparison preview
Screen 11
Step 4: Metrics Selection
Select from 9 CFA metric categories with multi-select capability.
- 3×3 metrics grid (9 categories)
- Multi-select with checkmarks
- Quick select (All/None/Common)
- Selection counter
Screen 12
Step 5: Review & Preview
Review all selections with edit buttons and sample metrics preview.
- 3 summary cards (Type/Entities/Metrics)
- Edit buttons for each step
- Preview sample metrics
- Save draft & Generate buttons
Phases 3 & 4: Auth + Settings ✓ Complete
Login, registration, password reset, and account management
Screen 13
Login
Email/password form with social login options (Google/Apple).
- Email & password fields
- Social login (Google/Apple)
- Forgot password link
- Sign up redirect
Screen 14
Registration
Social signup first, then traditional form with benefits list.
- Social signup at top (Google/Apple)
- Full registration form
- Terms & conditions checkbox
- Benefits list below signup
Screen 15
Reset Password
Dedicated password recovery screen with clear instructions.
- Email input for reset link
- "What happens next?" info
- Success message display
- Support contact option
Screen 16
Settings & Profile
Complete account management with 5 organized sections.
- Profile header with edit button
- 5 sections (Account/Notifications/etc)
- Toggle switches for notifications
- Logout button