2021 · App, Tablet, Website

Payment Platform

A payment system that makes complex transactions easier to understand and manage.

Payment Platform — case study cover
Year
2021
Category
App, Tablet, Website
Role
UI Designer
Deliverables
User Research, Information Architecture, Wireframes, Visual Design, Responsive Design
  • Interface design
  • Cross-platform UX
  • Fintech
  • Wireframes
  • Visual design

Fintech purchasing path for cryptocurrency rewards across app, tablet, and web. I mapped end-to-end purchase logic before visual design, simplified landing, flowcharts for multiple scenarios, and cross-platform layout rules. The challenge was unifying behavior across devices without losing coherent purchase logic; delivery was clearer conversion journeys and less confusion in transaction steps.

Cross-platform risk
Cross-platform inconsistency made crypto purchasing feel risky and hard to understand.
Systems-first mapping
I mapped the full purchase logic first, then translated it into cohesive app/tablet/web patterns.
Trust & clarity
The redesign simplified onboarding and made transaction steps easier to trust.

Challenge

Cross-platform inconsistency made crypto purchasing feel risky and hard to understand.

Decision

I mapped the full purchase logic first, then translated it into cohesive app/tablet/web patterns.

Impact

The redesign simplified onboarding and made transaction steps easier to trust.

  • End-to-end purchase flowchart across scenarios.
  • Responsive grid system for app, tablet, and web.
  • Design guidelines for cross-platform components.
  • Crypto rewards: primary mobile flows.
  • Onboarding and wallet setup patterns.
  • Transaction steps and confirmation states.
  • Balance, history, and trust-building UI.
  • Error, edge cases, and recovery paths.
  • Tablet layout adaptations.
  • Marketing and campaign surfaces.
  • Web landing and education content blocks.
  • stacked
  • feature
Payment Platform — End-to-end purchase flowchart across scenarios.
End-to-end purchase flowchart across scenarios.
Payment Platform — Responsive grid system for app, tablet, and web.
Responsive grid system for app, tablet, and web.
Payment Platform — Design guidelines for cross-platform components.
Design guidelines for cross-platform components.
Payment Platform — Crypto rewards: primary mobile flows.
Crypto rewards: primary mobile flows.
Payment Platform — Onboarding and wallet setup patterns.
Onboarding and wallet setup patterns.
Payment Platform — Transaction steps and confirmation states.
Transaction steps and confirmation states.
Payment Platform — Balance, history, and trust-building UI.
Balance, history, and trust-building UI.
Payment Platform — Error, edge cases, and recovery paths.
Error, edge cases, and recovery paths.
Payment Platform — Tablet layout adaptations.
Tablet layout adaptations.
Payment Platform — Marketing and campaign surfaces.
Marketing and campaign surfaces.
Payment Platform — Web landing and education content blocks.
Web landing and education content blocks.