Orca: App for Neobanking
Experience Design, User Research, UI Screen Design and Wireframing
Dates: December 2021 - May 2022
Project Owner: Chloe Chen
Orca is neo banking app that focuses on bringing accessibility and easibility for users in terms of transferring money within groups.
Orca is a realtime peer-to-peer group mobile wallet. Think Messenger meets Venmo. Our goal is to streamline how Gen Z handles group payments. The Gen Z age group includes those born between 1997 - 2012. Our target audience is the subset of Gen Z that is 18 and older, namely, college students and young adults. Our research and experience indicates that a unique attribute of Gen Z is the propensity to do things together. The average college student is, on average, a part of 63 unique friend groups. This means that oftentimes, one member will pay on behalf of others and will be paid back at a later time. This gets messy as it's easy to forget who paid you back and who hasn't. Orca provides a platform to facilitate the transfer and organization of transactions in groups.
Design Intentions:
-
Accessibility
-
Guessability
-
Usability
-
Cohesion and Aesthetics
-
Company Branding
UX Techniques Used
-
UI Wireframing
-
Design Packaging
-
Branding
-
User Interviews
My Role
-
UX Researcher
-
UI/UX Designer
-
Product Manager
Tools Used
-
Figma
-
Adobe Illustrator
-
Adobe Photoshop
My Design Tasks
The purpose of this design overhaul is to revamp the UI/UX to be more simple/clean, professional/modern, and intuitive. Some things I was tasked with working on were:
-
Branding (logo design and color palette)
-
Foreground/background contrast
-
Typography (font, font size, font color, bold/italic)
-
Accessibility (important controls closer to right side of screen)
-
Visual Coherency (rounded corners, borders, box shadows)
-
Spacing (padding and margins)
The key functionalities in the home screen are:
-
Profile
-
Settings
-
Notifications
-
Pods (pods search bar)
-
New pod/expense
-
Recent transactions
-
Balance overview/at-a-glance
Low Fidelity Sketches
Preliminary Logo and Color Palette
Information Architecture
Mid Fidelity Wireframes
App Store Images
Below are some images taken from the IOS App Store of Orca's Features.