Ambiguous selection
Show the selected cardand its controls clearly.
A payment journey.
Without the detours.
An independent Nothing ecosystem concept examining everyday payment tasks. The design brings payment actions, linked accounts and transaction context into a focused mobile flow.
01 / Project at a Glance
The business context.
The design scope.
Who the experience serves, the environment it operates in and the design work included.
- Industry
- Fintech / wallet concept
- Platform
- Android app concept
- Primary Users
- Nothing phone users
- Project Scope
- Home, cards, payments and insights
- Services
- UI/UX & interaction design
- Deliverables
- 23 screens, 35 interface states
02 / The Problem Worth Solving
Where the journey
needed attention.
Make card selection, payment steps and completion clear in one focused concept.
Uncertain completion
Make review and completionfeel like distinct steps.
Spending without context
Connect spending totalsto a period and categories.
Design ObjectiveExplore a coherent wallet interface with clear selection, review and completion states.
03 / The Experience We Designed
The key moments.
Designed together.
Clearer journeys bring useful information and important actions into focus.
Keep the selected card identifiable
Card selection
Selected cards stay clear and easy to manage. Key controls sit beside the details.
Design note
Card management presents the selected card, readable details and direct controls in a focused view. These are interface demonstrations rather than live banking actions.
- Selected payment method
- Readable card details
- Clear card controls
Make each step visible
Payment feedback
Selection, scanning and review stay connected. Each step explains what happens next.
Design note
The payment exploration shows selection, scanning and review states, with primary actions designed to explain the next step.
- Entry points
- Visible state changes
- Focused primary action
Review the card before adding it
Add a card
Add a card, check its type and review details. The default-card setting stays visible.
Design note
Card entry leads into a review that distinguishes credit and debit types and shows the default-card setting.
- Entry → review
- Card type
- Default-card state
Put spending in context
Spending insights
Compare spending by period and category. Totals and changes share one clear view.
Design note
The insights screens connect a selected period with a spending total, comparison and category breakdown.
- Period & total
- Comparison
- Category breakdown
Start with the everyday actions
The home view
Cards, shortcuts and activity come together. Everyday actions have a familiar home.
Design note
The home view brings the selected card, payment shortcuts and recent transactions into one familiar starting point.
Keep account activity readable
Account activity
Amounts, dates and updates stay connected. Each transaction keeps its context.
Design note
Transaction history and notifications show amounts, dates and the context behind each update.
See the interface in motion.
An interaction demonstration from the independent concept.
Supporting views.
04 / Decisions Behind the Design
Choices that serve
the task.
These are design intentions. The benefits below are not presented as measured outcomes.
Identify the active payment method
Keep the selected card prominent with readable last digits and nearby controls. Make the payment source easier to recognise.
Understand progress and completion
Use distinct review and completion feedback rather than relying on decoration. Show which stage the interaction has reached.
Interpret spending totals
Connect totals to time periods, comparisons and categories. Give spending figures a useful frame of reference.
Use motion with a purpose
Tie movement to card selection, verification and completion states. Support feedback with motion and clear written information.
05 / Built for Consistency
Built to repeat.
Ready to extend.
Shared components, type and interaction patterns keep the product consistent.
Reusable components
Related actions and interface elements follow a familiar structure.
Type and spacing
Consistent hierarchy gives dense and quiet screens a shared rhythm.
Interaction states
Clear selections and feedback support predictable next steps.
06 / What the Project Delivered
What the design
engagement produced.
Explore the design deliverables. Intended benefits are not measured results.
The core experience
Home and card-management views.
View screensClearer user journeys
Payment preparation and review states.
View screensConnected information
Card-entry and review patterns.
View screensConsistent interface
Spending insights and profile.
View screensNothing Pay is an independent concept. Payment, bank-linking and security interactions are demonstrations. No production payment capability, usability results or measured business impact are claimed.
07 / Have a Similar Challenge?
Facing this kind
of challenge?
Tell us what your users are struggling with, and we’ll help you explore a practical way forward.
08 / EXPLORE RELATED WORKAnother context.
Another context.
Another response.
App design
PawMitra
Profiles, health records and care services arranged around the needs of pet parents and cattle caregivers.
Website design
FORME
A fashion storefront concept connecting collections, product details and purchase actions in a considered shopping journey.