Latest Product Live
Open the live funnel first. The redesign is built around intent, urgency, and checkout readiness.
The current version frames Bill Vampire as an emergency subscription rescue kit: no bank login, no signup before results, and a one-time $4.99 unlock when the user needs scripts and proof.
Emergency Intake
No Bank Login
Cancel Paths
Refund Scripts
Evidence File
$4.99 Unlock
NEXT CHARGE RISK
$119.99
Canva Pro trialTuesday
Detected from emailHigh
Refund windowOpen
Proof needed3 items
Subscription Tracker
RESCUE KIT
1. Open account settings, then Billing.
2. Copy the refund email with amount, date, and intent filled.
Save screenshot, confirmation number, and support thread.
AI Roast Advisor
CHECKOUT MOMENT
Emergency Kit - $4.99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Cancel path + refund script + evidence checklist
Streak Calendar
TL;DR
Repositioned Bill Vampire from a playful tracker into a high-intent emergency kit with measurable acquisition, activation, checkout, and retention signals.
$4.99
One-Time Kit
Clear emergency price
0
Bank Logins
Lower trust friction
60+
Cancel Paths
Known service routes
150+
Services
Automatic detection scope
1Commercial Design System
The update is not only a visual refresh. It reframes the product around an urgent job-to-be-done, a low-friction preview, a clear one-time price, and analytics that show where intent turns into payment.
AcquisitionProblem-first landingLead with the painful moment: surprise charge, trial renewal, or hard-to-cancel service.
ActivationResults before accountLet users paste, upload, or speak before signup so the product proves value early.
MonetizationOne-time rescue kitPackage payment around urgency: cancel path, refund script, evidence list, and reminder.
MeasurementEvent taxonomyInstrument each decision point from landing view to kit purchase and saved case file.
EventQuestion AnsweredDesign Lever
landing_viewedDoes the emergency positioning attract the right traffic?Hero, price pill, trust claims
emergency_selectedWhich pain mode has strongest intent?Scenario cards and copy hierarchy
preview_generatedCan users reach value before signup?Input flow and AI extraction confidence
checkout_clickedIs the $4.99 kit value obvious enough?Paywall timing and unlock language
2Background & Motivation
"A user who just got charged does not want a dashboard. They want the next action."
The original subscription tracker had personality, but the updated product needed sharper commercial intent. I moved the value proposition from broad spending awareness to a specific rescue workflow: detect the charge, choose the emergency, generate the kit, then unlock the assets worth paying for.
Urgent rescue positioning
No-bank-login trust strategy
Pay only for the complete kit
Luxury gothic visuals make the emergency feel serious, memorable, and monetizable.
3Funnel & Value Snapshot
A quick visual summary of where the product creates value: emergency segmentation, free preview clarity, and paid kit packaging.

Emergency Funnel Anatomy

Free Preview vs Emergency Kit
Free
Kit
Preview
Risk read
Full action plan
Assets
Summary
Scripts + proof
Price model
$0
$4.99 once

Measured Conversion Loop
Landing Viewed
Emergency Selected
Preview Generated
Checkout Clicked
4My Role
Design
New logo integration, gothic luxury art direction, conversion-first landing system, mobile-first responsive layout
Development
React 19 + Tailwind CSS 4, Vite build, Gemini extraction flow, analytics instrumentation, PWA deployment
Product
Event taxonomy, emergency segmentation, $4.99 kit packaging, paywall timing, EN/ZH market framing
Deployment
Cloudflare Pages hosting, CI/CD pipeline, PWA manifest and icons
5Design Challenges
- Move from entertainment to urgency without losing the memorable Bill Vampire brand.
- Earn trust without bank access by showing clear inputs, evidence handling, and practical next steps.
- Create a $4.99 pay moment that feels like a fair unlock, not a surprise paywall.
6Key Features I Designed & Built
Subscription Tracker with Multi-Currency
6 currencies, one monthly view.
AI Roast Advisor (Gemini 2.5 Flash)
Snarky roasts + practical save tips.
AI Alternative Finder
Free and cheaper swaps in one tap.
No-Spend Streak Calendar
Daily check-ins that build momentum.
Shareable Spending Cards & PDF Export
One-click share cards and print-ready reports.
7Design & Development Process
The redesign started by clarifying the monetizable job: rescue users from a charge right now. From there I mapped events, rebuilt the landing hierarchy, packaged the Emergency Kit, and used analytics to connect design decisions with conversion behavior.
8Tech Stack
React 19
Tailwind CSS 4
Vite 7
Gemini 2.5 Flash
Chart.js
FontAwesome
PWA / Service Worker
Cloudflare Pages
i18n (EN/ZH)
What I Learned
Personality + visual clarity beats boring finance dashboards. A playful system made users explore, act, and save faster.