Skip to main content
← Back
App / UX Design2026

Subspace

A fintech mobile app for card sharing, subscriptions, bill payments, and peer-to-peer transactions.

Subspace — App / UX Design case study hero image

About the Project

Subspace is a fintech mobile application designed to simplify how users manage shared financial services. The app consolidates card sharing, bill splitting, subscriptions, rentals, and gift cards into a single intuitive interface.

The project explored how financial tools can feel approachable and social — moving beyond traditional banking UI to create an experience that feels native to how young users actually interact with money.

Core features include a Home dashboard with financial overview, Explore page for discovering services, Wallet for card management, Chat for peer communication, and dedicated flows for Bills and Recharges, Shared Subscriptions, Rentals, Gift Cards, Shop and Earn, and Card Share.

Comparison and Rationale

A screen-by-screen breakdown of the problems in the old design and the solutions applied in the new version.

Home

Home - old version
Home - new version
BeforeAfter
Problem

Overlapping floating button caused accidental taps.

Weak hierarchy made key actions and prices hard to find.

Solution

Clean, spaced cards with zero overlap.

Clear hierarchy — greeting, quick actions, banners, and subscriptions with logos and green price tags.

Explore

Explore - old version
Explore - new version
BeforeAfter
Problem

Top tabs fragmented features; many were missed.

Pastel 3D category cards created visual noise.

Solution

BOTH WIN hero highlights card savings clearly.

Categories redesigned as scannable dark cards with crisp product photos.

Wallet

Wallet - old version
Wallet - new version
BeforeAfter
Problem

Too casual and hard to scan.

Solution

Balance on top for instant visibility.

Actions and transactions in clean, separated cards.

Chat

Chat - old version
Chat - new version
BeforeAfter
Problem

Messages looked flat and washed-out.

Solution

Dark mode makes names and messages pop.

Account

Account - old version
Account - new version
BeforeAfter
Problem

Unorganized grid felt busy and hard to use.

Solution

Bank-grade dark theme.

Settings grouped into clean, scannable cards.

Bills

Bills - old version
Bills - new version
BeforeAfter
Problem

Cartoon mascots made payments feel unrefined.

Low trust and weak hierarchy.

Solution

Dark theme with clear line-art icons.

Green reserved for cashback and trust badges; tasks grouped clearly.

Gift Cards

Gift Cards - old version
Gift Cards - new version
BeforeAfter
Problem

Cluttered nav; offers were hard to compare.

Solution

Dark theme, scannable offer cards, neon green badges.

Shopping split into Popular Brands, Trending Offers, Categories.

Subscriptions

Subscriptions - old version
Subscriptions - new version
BeforeAfter
Problem

Fragmented tabs hid key features.

Plans were hard to scan.

Solution

Single vertical feed shows all plans.

Brand logos, clear pricing, and green trust badges.

Rentals

Rentals - old version
Rentals - new version
BeforeAfter
Problem

Tab and carousel fatigue; cluttered cards.

Solution

Single vertical feed.

Dedicated Rentals entry opens a focused flow.

Card Share

Card Share - old version
Card Share - new version
BeforeAfter
Problem

Multi-page redirects slowed checkout.

Solution

Inline bottom sheet keeps users in context.

Clear 3-step timeline and a strong primary CTA.

Buy Now

Buy Now - old version
Buy Now - new version
BeforeAfter
Problem

Generic, low-trust checkout; hard to go back.

Solution

One-tap bottom-sheet checkout.

Green reserved for the main action with a countdown timer.

Finding Card

Finding Card - old version
Finding Card - new version
BeforeAfter
Problem

Plain, low-trust matching state.

Solution

Glowing orb shows the active connection.

Secure, Private, Instant trust cards.

Design System

Typography and color — a minimal, high-contrast system for a premium, trustworthy UI.

Typography

Urbanist

Fonts used in this design

28–32pxSection Headings
H1
22–26pxSub Headings
H2
18pxCard Titles / Emphasis
Title
15–16pxLabels / Buttons
Label
13–14pxBody Text / Descriptions
Body
11–12pxCaptions / Navigation
Caption
9–10pxTags / Badges / Small Labels
Tag

Color Palette

A minimal, high-contrast palette for premium UI.

Primary Colors

White#FFFFFF
Black#000000 / #121214

Core identity — premium, clean, high-contrast foundation

Secondary / Accent Colors

Green#00E676 · #10B981 · #30D158

Payment elements — trust and confidence

Blue#0A5CFF · #1A53FF · #3B82F6

Aesthetics, modern tech-forward look

Supporting Colors

Red#E30A14 · #FF453A

Alerts and error states

Grey#8E8E93 · #8A8D9F · #94A3B8

Secondary text and muted elements

Black-and-white base for a premium, trustworthy feel; green reserved for money actions and security, blue for highlights.

Core Screens

Five primary screens forming the app's navigation backbone.

Home Screen
Home
Explore Page
Explore
Wallet Page
Wallet
Chat Screen
Chat
Profile Account
Account

Shop and Earn

Discover cashback offers, rental services, and reward programs integrated into the Explore tab.

Shop and Earn
Rentals

Financial Services

Bill payments, shared subscriptions, and gift card management — all in one place.

Bills and Recharges
Shared Subscriptions
Gift Cards

Card Share Flow

A seamless flow for sharing payment cards with friends and family.

Card Share Entry
Card Share Match
Buy Now

Finding Cardholder

The onboarding flow for discovering and connecting with cardholders.

Finding Cardholder