Rubylabs / Selected work
Purbank
Purbank is an e-banking prototype with a web portal and a mobile companion for multi-factor authentication.
- Type
- Frontend & Mobile Development, Branding
- Dates
- Oct 2025 – Jan 2026
- Technology
- Angular, Spring Boot, Java, PostgreSQL, React Native Expo
Case study
I built Purbank with three friends as our final school project. It is designed as a complete banking system: personal and shared accounts, transfers and payments between accounts, transaction history, wealth overviews, device-based authorisation, onboarding, and account management. On the operational side, it includes admin tools and an audit log that keeps every action traceable. Security shaped the whole system. During setup, you pair a dedicated 2FA app, then scan a generated QR code with it for every login and transaction.
What I did
I owned the web and mobile client work: designing and building the Angular banking interface, then creating the React Native and Expo companion used for setup and approvals. I created Purbank’s brand identity, including the logo and visual language. I chose a restrained palette of #1D1D1D #EFEFEF #A5B3BA #5A7684 to give the product the calm, established character of a traditional bank without making it feel dated. The styles use sharp 90° corners, quiet borders, and deliberate contrast instead of soft, app-like decoration, creating a system that feels elegant, rich, and dependable across web and mobile.
Security through clear interfaces
It's a school project, but a real bank handles real money, so every task lives in its own clearly bounded area. Accounts, payments, approvals, and supporting information are kept apart, which avoids confusion and accidental actions. We made the flows intentionally direct, with clear labels and helpful tooltips, plus an approval step on the phone that shows exactly what will happen before anything is finalised.
Contact contact@rubylabs.design.