Introduction

We’ve been working on a redesign of AllPay Pro, a FinTech application that inspired our work.


Goal: Improve accessibility, user customization, and provide better visual cues.


Original design link: https://codecanyon.net/item/allpay-finance-banking-ewallet-react-native-cli-ui-kit/52738082


Design Main Goals and Priorities

  • Accessibility enhancements
  • Broader range of user settings
  • Intuitive visual guidance
  • More inclusive UX patterns


What We Changed

The next three slides focus on:

  1. Original vs redesigned onboarding
  2. Original vs redesigned dashboard
  3. Original vs redesigned transaction breakdown


1: Original vs redesigned onboarding


2: Original vs redesigned dashboard overview


3: Original vs redesigned login breakdown - Re designed by Stefan


4: Original vs redesigned Home breakdown - Re designed by Aslan


Our Visual Language

  • Fonts sourced from: Figma
  • Icons sourced from: Iconoir
  • Drawings sourced from: Undraw.co
  • Reasons: Accessibility readability, modern style and consistency
  • Other images sourced from: pexels.com
  • Figma: UX/UI design and prototype


Our Visual Language

  • Fonts sourced from: Figma
  • Icons sourced from: Iconoir
  • Drawings sourced from: Undraw.co
  • Reasons: Accessibility readability, modern style and consistency
  • Other images sourced from: pexels.com
  • Figma: UX/UI design and prototype


Time Management Tools

  1. Google Meet (Video meeting conference)
  2. WhatsApp (Messaging and quick updates)
  3. Email (Documentation)


Iteration

Throughout the redesign process, we identified several areas that could benefit from further refinement through continued iteration — such as micro-interactions and enhanced responsiveness for different devices.

However, in order to meet our timeline and focus on delivering a complete and functional redesign, we’ve chosen to leave these enhancements open for future, individual iterations if desired.

This flexible approach gives us room to:

  • Explore additional ideas without blocking current progress
  • Apply lessons learned to future versions or case studies
  • Respect each collaborator’s creative direction and evolving skillset

Our goal was to build a strong foundation — and we’re excited about the potential for continued polish and experimentation down the line.


Finalizing the collaboration

Although we faced some scheduling challenges due to our very distinctive time zones, we were able to create a consistent design, add our own contributions, and share distinctive feedback with each other. Through open communication and mutual respect, we achieved our main design goals—enhancing accessibility, expanding user settings, providing intuitive visual guidance, and incorporating more inclusive UX patterns. This collaboration not only met our initial priorities but also strengthened our ability to co-create across time and space.



Play with our Design!