Finlytics — Personal Finance App Website

Challenge

Finlytics is a fictional personal finance app — budgeting, insights, savings goals — that needed to feel calm in a category full of anxiety. The brief specified "glassmorphism": frosted-glass cards, soft mint and sky gradients, floating insight chips. The page required the full fintech arc (hero, press bar, features, smart-budget showcase, insights, onboarding, security, CTA, FAQ) with honest copy: no invented user counts, no savings statistics, no "bank-level" hand-waving without specifics. Trust had to come from transparency, not numbers.

Approach

We designed around a frosted-glass phone mock showing a calm dashboard — balance card, transaction rows, dining-budget bar — with floating chips ("Smart insight", "Goal on track") that demonstrate the product's voice. The palette pairs mint #10b981 with deep navy #0b2545 on an airy gradient wash, and Sora headlines keep the tone friendly. Security is addressed concretely (read-only connections, 256-bit encryption, never-sold data) rather than with vague superlatives, and all figures in the mock are clearly illustrative sample data.

Design highlights

The hero's glass phone mock anchors a page of six glass feature cards (accounts, budgets, bill reminders, goals, subscriptions, shared wallets), a "Smart budgets" showcase with animated category bars, an insights band with a sample weekly-insight card, a four-step onboarding strip, and a deep-navy security section with concrete commitments. A mint CTA band ("Clarity is one download away") and an accessible FAQ close the page — every number on screen is sample UI data, never a business claim.

Outcome

Finlytics demonstrates WebStackRank's fintech range: the glassmorphism system makes money feel manageable, and the honest-copy discipline proves compliance-friendly marketing can still convert. The pure-CSS phone mock and glass components port cleanly to a real product site, and the single-file build needs no assets beyond fonts. The same calm visual language extends naturally into the product itself — dashboards, onboarding emails, and app-store creative — giving a young fintech a coherent brand from day one.