Paylio

When a fintech investor or enterprise client evaluates your product, they need two things: the marketing story and the product experience. Most portfolio pieces give them one. A landing page with no live demo, or a dashboard with no business context around it. The result is a gap — the client has to imagine the other half. Paylio was built to close that gap entirely.

Two distinct surfaces built on one codebase. A nine-page marketing site covering product, features, security, cards, insights, developers, about, and contact. Plus a 430px-constrained mobile demo app with five interactive screens: Home, Transfer (3-step), Insights, Security, and Cards. Unified dark navy palette with teal accent throughout.

Before: a choice between a landing page or a dashboard — never both. After: nine complete marketing pages covering the full product story, plus a live interactive mobile banking app inside a phone shell, all sharing one design system. An investor or client can read the pitch, then use the product, without ever leaving the site.

• Nine marketing pages — each independently complete, covering product, features, security, cards, insights, developers, about, and contact
• Interactive mobile banking app inside a 430px phone shell — five screens (Home, Transfer, Insights, Security, Cards) with real state transitions
• Transfer flow is three complete steps — from initiation through confirmation — with correct UI state at every stage
• One design system across both surfaces: dark navy base, teal accent, Plus Jakarta Sans, tabular numerals on every monetary figure