![](/images/portfolio/Pocket/banner.jpg)
Overview
With heavy emphasis on design, security, and accessibility, we wanted to make a payment app that would provide so much, that the normal user wouldn't want to go back to cash payments.
![product image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fproduct1.jpg&w=3840&q=75)
With features like payment transfers with either QR, NFC, or phone number, and our shake-to-exit feature, Pocket gives you the flexibility and peace of mind you would want out of an app.
![nfc left image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fnfc1.jpg&w=3840&q=75)
![nfc right image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fnfc2.jpg&w=3840&q=75)
![shake-to-exit image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fste1.jpg&w=3840&q=75)
![loyalty cards image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Floyalty1.jpg&w=3840&q=75)
![contracts image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fcontract1.jpg&w=3840&q=75)
Videos
Design Process
Initially, we wanted to create 2 apps, one for users, and another for our merchants.
Our idea for a merchant app allows sellers to totally ditch your normal computer registers in favour for easier, and more intuitive controls. However, due to time constraints, we have decided to abandon the idea. Instead, we heavily rely on the main app for payments and transfers.
Below are my very rough drafts for the design I think would be suitable, minus the colour scheme and font.
WARNING: It is very VERY yellow down there. Proceed with caution.
![pocket draft image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fuserdraft1.jpg&w=3840&q=75)
![pocket draft left image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fuserdraft2.jpg&w=3840&q=75)
![pocket draft mid image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fuserdraft3.jpg&w=3840&q=75)
![pocket draft right image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fuserdraft4.jpg&w=3840&q=75)
![pocket draft explanation image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fuserdraftexplanation.jpg&w=3840&q=75)
![merchant draft image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fmerchantdraft1.jpg&w=3840&q=75)
![merchant draft left image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fmerchantdraft2.jpg&w=3840&q=75)
![merchant draft right image](/_next/image?url=%2Fimages%2Fportfolio%2FPocket%2Fmerchantdraft3.jpg&w=3840&q=75)
Information
Role in group:Responsible for the frontend of the app (UI and design).
GitHub page here