Across all our mobile apps, there are common screens and workflows with a lot of redundant and inconsistent design and development from scratch. The creation of a UI library of commonly shared components and design standards and guidelines would enable the following:
Improve developer experience and ease of development
Create a consistent look and feel of UIs for all apps
Defined process for updating User Experience of apps.
Develop common UI library to ensure consistency of all apps
Could potentially be a valuable upstream project in and of itself to create mobile fintech apps
Ultimately the UI library will consist of the following components:
Common UI library
UI Designs
UI Guidelines/Standards
UX Documentation
other scope for common error messages, elements.
Open Banking Fintech App can be used as a reference implementation of UI library
Current Designs
Design Standards
Other Designs
Mobile Banking (Mexico Bank Example): https://docs.google.com/presentation/d/1ogkDvsnC6TnJO386V3LkitbrKnXxXKnE/edit?usp=sharing&ouid=118230166966530324494&rtpof=true&sd=true
Mobile Banking (Mifos Example): https://docs.google.com/presentation/d/1yrhcSvenPKxnpGmVzVTb9NNyuBEHxfh_/edit?usp=sharing&ouid=118230166966530324494&rtpof=true&sd=true
Mobile Wallet (PDF): https://drive.google.com/file/d/1TCcZnDxa_pv9jnt7WyQVZa32l1BJ7fVa/view?usp=sharing
Mobile Wallet (Figma File): https://drive.google.com/file/d/1q-thPSAd5EM-GXJar-qwgxiLGbojd6s_/view?usp=sharing
Research into external libraries and components that can be utilized can be included here.