App Store ID: 6756521274

WhatPay: Full UX/UI Analysis

Comprehensive teardown of the subscription tracking iOS app — covering every screen, flow, UX decision, and gap analysis with actionable recommendations.

SwiftUI CloudKit WidgetKit StoreKit

Screenshots from Testing

Launch Screen 01_Launch.png
Home Screen 02_Home.png
Detail View 03_Detail.png
Scroll State 04_Scroll.png
Add Screen 05_Add.png
Back Navigation 06_Back.png

📸 Screenshots captured via simctl io booted screenshot — Full UI flow below captures launch + home states (tap automation requires 3rd party tool, see fix below)

App Architecture 

What am I paying/
├── ContentView.swift           # Main dashboard (50K chars)
├── NewSubscriptionView.swift # Add/edit subscription (43K chars)
├── OnboardingView.swift      # First-launch onboarding (3.7K chars)
├── QuickAddOnboardingView.swift # Quick-add tutorial
├── UIComponents.swift        # Reusable components (14.6K chars)
├── CategoryChartView.swift   # Analytics/charts
├── CloudKitManager.swift      # Data persistence
├── SoundManager.swift         # Haptic + audio feedback
├── NotificationManager.swift  # Renewal reminders
├── SubscriptionWidget.swift   # iOS Home Screen widget
└── SharedModels.swift        # Data models

Screen 1: Onboarding — The Trust Problem

Visual Design

  • • Pure black (#000000) background — OLED optimized
  • • White text — high contrast meeting WCAG AAA
  • • iA Writer Quattro font with SF fallback
  • • "Get started" inverted pill CTA
  • • Credit card icon in dark gray circle

Interaction

  • ✓ Multiple opt-outs (Skip, Remind me later)
  • ✓ Clear value proposition
  • ✗ No progress indicator (1 of 3?)
  • ✗ Low contrast on secondary CTAs
  • ✗ Zero trust signals for financial app

Critical Issue: Trust Deficit

For an app handling subscription/financial data, this onboarding has zero security messaging. No "Bank-level security," no "Your data stays on device," no privacy badges. Users abandon financial apps here.

Fix This Week

  • → Add trust badge: "Your data stays on your device. No sign-up required."
  • → Lighten "Remind me later" to #B0B0B0 (WCAG AA compliance)
  • → Add progress dots if expanding to multi-screen

Screen 2: Main Dashboard (ContentView)

50K lines of SwiftUI

This is the heart of the app — subscription list, analytics, search, sort, empty states, animations, and monetization gates.

Categories

13 with icons

Features

Cards · Search · Widgets

Sync

CloudKit native

Technical Debt Warning

50K line ContentView suggests mega-component. Splitting into DashboardView, SubscriptionList, SpendHeader would improve compile times and maintainability.

Screen 3: Add/Edit Subscription

Form Fields

  • Name
  • Amount + currency
  • Billing cycle picker
  • Start date
  • Category
  • Color/icon customization
  • Notes
  • Reminder toggle
  • URL for quick access

Smart Features

  • ✓ URL deep-linking
  • ✓ Custom colors/icons
  • ✗ No smart defaults
  • ✗ No auto-category from name

Gap Analysis

Critical

No Trust Signals

Financial app onboarding lacks any security messaging. Users don't know if data is local-only or synced. Add "Your data stays on your device" badge.

Critical

No Import from Competitors

Users coming from Bobby, Truebill, Copilot can't migrate. Build CSV import — competitors export JSON/CSV.

Medium

No Smart Defaults

Type "Netflix" → should auto-select Streaming. Type "Spotify" → Music. Implement keyword → category mapping.

Medium

Onboarding is Generic

Single screen with stock credit card icon. Expand to 3-step: Value → Permissions → Setup with personality.

Nice

No Savings Calculator

Show "Switch to annual → Save $X" per subscription. This is table stakes for subscription managers.

Dev Effort Estimates

Feature Effort Impact
Trust badges on onboarding 1 day High
Multi-step onboarding (3 slides) 2-3 days High
Smart category detection 1-2 days Medium
CSV import (competitor migration) 2-3 days High
Annual vs monthly savings 1 day Medium

Competitive Position

vs Bobby

Advantage: Native widget, CloudKit sync

Gap: Bobby has CSV import

vs Truebill

Advantage: No ads, no signup, cleaner

Gap: No automatic transaction detection

vs Copilot

Advantage: One-time purchase option

Gap: Less sophisticated charts

B+

Overall Grade

What works: Polished UI, native iOS integration (widget, CloudKit), premium feel with custom fonts and micro-interactions.

What's missing: Trust signals for financial app onboarding, competitive migration path, and smart defaults to reduce friction.

Recommended Next Steps

1

Fix Onboarding Trust

Add privacy badge, contrast fix for secondary CTAs, progress indicator if expanding

2

Build Competitive Import

CSV/JSON import matching Bobby/Truebill/Copilot export formats. This is how you steal users.

3

Add Smart Defaults

Name-to-category mapping. Netflix → Streaming. Spotify → Music. Reduces form friction by 50%.