App Design
UI/UX

INTERAC App Redesign: E-transfer Function

Mobile mockup of all app pages
Project Overview
The proposed solution aims to streamline sending money process through a QR code feature, eliminating the need for manual entry of details like phone numbers or emails.
Year
2023
Tools
Adobe XD
Role
UI/UX Designer
what is the problem?
Each time we have to transfer money to a new contact, we find ourselves manually inputting details like names, phone numbers, or emails, which is both inefficient and raises concerns about personal information security.
Is there a more streamlined approach to bypassing this process?
Could we eliminate the need to share our phone numbers or emails altogether for e-transfers?
Research
Through UX audit on 6 aspects: usability & navigation, visual design, accessibility, mobile experience, responsiveness, and content organization, below are pain points of original e-transfer function.
  • Do not have option to show/hide total amount in bank account
  • Low efficiency to manually enter data for add new contact
  • Need several clicks to payment page
  • Required personal information i.e. phone no. or email for transfer money
The target users of include are mainly tech-savvy individuals, who are concern for security, desire for efficiency, and potential for overwhelm.
User persona
design
To match with current colour - yellow and black, blue is added as complementary colour for visual contrast.
UI kit with colour palette, and typography
The user flow diagram focuses on the QR code scanning function for payment, shortening the process of entering datas such as phone numbers or emails.
User flow diagram
User Testing
Throughout the process, documentation captured reflections on design decisions, usability testing results, and iterative refinements.
Positive Feedback
  • Smooth user flow
  • Clear navigation
  • Clean and neat layout
Constrauctive Feedback
  • The word Interac not clearly shown on onboarding page
  • Pay and Request icons not intuitive enough
  • The A-Z on contact too close with each other
Deliverables
Mobile mockup of 3 app pages of interactive prototypes
task: Pay Amir $95 CAD for lunch
Amir is a new contact, you can scan her QR code or enter only phone number to transfer money.
Interactive Prototype
Other projects
Home page og Omoshiroi Mange CafeA pig with a cat mask looking at the mirror with words 'you look great'Onboarding page of Homy app in mobile version