/
Mobile App UI Library

Mobile App UI Library

Objectives

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

Deliverables

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

Process

 

Resources

  • Current Designs

  • Design Standards

  • Other Designs

    • Mobile Banking (Mexico Bank Example): Mobile Banking - Mexico Bank Example.pptx

    • Mobile Banking (Mifos Example): Mobile Banking - Mifos Example.pptx

    • Mobile Wallet (PDF): Mobile Wallet.pdf

    • Mobile Wallet (Figma File): Mobile Wallet (Mifos Editable).fig

External Components to be Leveraged

Research into external libraries and components that can be utilized can be included here.