The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Architected a mobile banking app across Android and iOS with security and compliance as the foundation, not an afterthought.
Implemented OAuth 2.0/OIDC auth flows, biometric authentication, RASP protection, and encrypted local storage for sensitive financial data. Designed a modular feature architecture that let multiple teams own and ship their domains independently.
Result: zero critical security incidents post-launch, clean regulatory audits, and a codebase teams could actually scale.
Kotlin · Swift · OAuth 2.0/OIDC · Biometric Auth · RASP · Modular Architecture
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Built this mobile experience around simplicity and flow.
The best mobile UI is the one users don’t even notice it just works.
view more inside: https://dribbble.com/shots/27195144-Pet-Care-Mobile-App-UI-Design
Eatsy Dine & Reserve — Mobile App | React Native | Stripe | Biometrics
Client: Bank Alfalah Limited · Pakistan
Live on Google Play
PROJECT OVERVIEW
Reimagining the restaurant experience for a leading Pakistani bank
Eatsy Dine & Reserve is a consumer-facing mobile app built for Bank Alfalah Limited — one of Pakistan's largest banks. The app transforms the traditional dine-in experience by letting customers scan a QR code at their table, browse a live digital menu, place orders, and pay securely — all without flagging down a server.
My role was to build the complete cross-platform mobile application from scratch using React Native, integrating biometric authentication, QR-based ordering, real-time order tracking, and fintech-grade payment flows.
CORE FEATURES I BUILT
Biometric authentication
Secure login using native Android and iOS biometric SDKs — fingerprint and Face ID support out of the box.
QR-based ordering
Customers scan a table QR code to instantly load the restaurant's live menu and place orders directly in-app.
Stripe payment integration
End-to-end secure payments via prepaid, debit, and credit cards with OTP verification and Stripe's mobile SDK.
Real-time push notifications
Firebase Cloud Messaging for instant order status updates — confirmed, preparing, ready to serve.
Table reservations
In-app table booking flow with availability checks, so diners skip the wait entirely.
Live order tracking
Real-time order status visible from cart to table delivery, keeping customers informed at every step.
TECH STACK
React Native · Stripe SDK · Android Biometric SDK · iOS LocalAuthentication · Firebase Cloud Messaging · QR Code Scanner · REST APIs
WHAT MADE THIS PROJECT CHALLENGING
Building for a fintech client meant every payment flow had to be bulletproof. Integrating Stripe with OTP-verified card payments on both Android and iOS, while simultaneously supporting native biometric auth via platform-specific SDKs (not just a JS wrapper), required deep work across both native layers.
The QR-based ordering flow also had to feel instant — scanning a code had to load the full live menu with zero perceptible delay, which required careful API design and state management on the mobile side.
play.google.com
Eatsy Dine & Reserve - Apps on Google Play
Seamless Dining: Easy Reservations, Contactless Orders & Secure Payments!
Project Case Study: Digital Fly Automation Platform
I'm excited to share a comprehensive design project for Digital Fly, a platform dedicated to Marketing and Sales Automation. This project showcases a cohesive visual identity across both desktop and mobile environments, ensuring a seamless user journey regardless of the device.
Responsive Design Focus
A core requirement for this project was a mobile-first approach. I developed a fully responsive mobile version of the site that retains the "clean" and "sharp" aesthetic of the desktop experience while optimizing for smaller touchpoints.
Adapted Layouts: Streamlined complex data dashboards for mobile viewing without losing critical information.
Touch-Friendly Navigation: Implemented a mobile-specific menu and high-contrast call-to-action buttons like "Start Now" and "Trial" for easier interaction.
Visual Consistency: Carried over the signature "glassmorphism" style and vibrant blue gradients to the mobile interface to maintain brand integrity.
Key Features & Aesthetic
High-Fidelity UI: Designed a modern, tech-forward landing page featuring soft glows and sleek card layouts.
Data Science Visualization: Created intuitive interfaces for tracking ad traffic, monthly earnings, and growth trends.
AI Ecosystem: Built sections that visually highlight integrations with major AI models including OpenAI, Gemini, and Meta AI.
Integrated Social Media: Designed dedicated modules for tracking performance across Instagram, Twitter, and Facebook.
The Philosophy Behind the Work
Good design is about more than just looks; it’s about how it functions. Throughout this project, I focused on avoiding common UX pitfalls such as:
Prioritizing Mobile Users: Ensuring that responsive design was a primary focus rather than an afterthought.
Performance Optimization: Balancing high-quality "heavy" visuals with efficient load times.
Visual Clarity: Maintaining a consistent typographic hierarchy to avoid clashing styles.
Looking to elevate your SaaS or Fintech platform with a responsive, modern design? Let’s collaborate on your next project!
#UIUXDesign #MobileDesign #ResponsiveDesign #Fintech #SaaS #DigitalFly #ContraDesigner #AutomationDesign
Good work
Trending
Notion
Notion isn’t just where you work, it’s starting to work for you. What agents are you building?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
brandguidelines
Brand guidelines are becoming living systems, not static documents. What are you building for your clients?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?