INDIAS BANK ATM UX/UI Design

Project Overview:

INDIAS BANK is trusted bank, this design allows user to use easily. Having withdraw, deposit and have some additional feature like MONEY TRANSFER, ACCOUNT DETAILS and so. This UI researched and inspired from some ATM UI like Indian bank, Indian overseas bank, Tamilnadu mercantile bank and HDFC ATM.

Roles: UX Designer, UI Designer.

Tools used: Figma, Illustrator.

Problem statement-1:

While taking research, In checking balance enquiry page there no details about our balance. they just show our balance.

Problem statement-2:

ATM transaction.

Problem solving:

We added brief balance checking that allows users to monitering the amount they received and send, able to see the balance map to easy learn about balance check. New method to transaction over ATM. User do not ant install multiple software to transfer. just transfer in ATM machine.

Sitemap:

https://drive.google.com/file/d/11Txeh743kzyhdczE6819V-74q2qC2gSB/view?usp=sharing

Low fidelity wireframing:

https://drive.google.com/file/d/1zKdn84ar_Bt47haveVutlZUNnsFGARgW/view?usp=sharing

UI elements:

       Typography: ROBOTO

       Color palette:

                      #38BEF8

                      #AF38F8

                      #FFFFFF

High fidelity wireframing:

https://drive.google.com/file/d/1AkWUCnjYU-iuNbdju2fdQMR1Xb71Pzzw/view?usp=sharing

Prototyping:

https://drive.google.com/file/d/1Wb39tFP4YI09r32WhEqjE-GgoKstoC9F/view?usp=sharing

Prototyping link:  indias-bank-atm-design-link

Learned skills from this project:

  • Site Mapping

  • Wireframing,

  • Prototyping,

  • UI designing.

More by Madhankr

View profile