As part of FlexiCommerce, I designed and built three native mobile apps in Flutter, each serving a different role in the e-commerce ecosystem:
The Customer App is a full shopping experience — product browsing across 15+ industry verticals, cart and checkout, and multiple payment gateways (Razorpay, Cashfree, PayU, PhonePe), built with Riverpod state management.
The Seller App is a complete store-management tool with point-of-sale, barcode scanning, receipt printing, and real-time order updates via WebSockets, built with Provider.
The Delivery App handles last-mile logistics with live GPS streaming, Google Maps integration, UPI QR-based collection, and audio alerts for new orders.
All three apps connect to a shared Laravel backend over REST APIs, support tenant-branded builds through automated CI/CD, and are live in production with paying customers. Together they represent 180K+ lines of Flutter code, built and shipped solo.
Designed a trustworthy FinTech mobile app for global money transfers.
Process: Started with user flow & wireframes for 3-tap transfer, then built a scalable design system in Figma with 100+ components.
Outcome: Final UI focuses on clarity and trust — from onboarding to Home Dashboard ($12,450 balance), Send Money, and Money Sent success state. Built for conversion and speed.
Tools: Figma, iOS Design System, SF Pro
Tags: Mobile App, FinTech, UI/UX, Product Design
Order tracking is the screen people check the most and enjoy the least. A grey bar and the word "Shipped".
Pack & Ship makes that moment feel real. The products drop into a box, the flaps fold, tape and label go on, the parcel ships and lands on the doormat, and the card ticks from Packed to Delivered right alongside it.
To show how far one template stretches, I made three versions with the same animation: a store order, a file transfer and a gift box. Only the text, images and colours change. The motion stays exactly the same.
Making it yours takes about 5 minutes:
Retype the text, it's all real text
Swap the logo and 3 product images
Pick 3 colours: your brand accent, the box, the inside of the box Every layer has a plain name (headline, product-image-1, box-colour), so you find it by searching.
Use it on your website, in a React Native or Flutter app, or export it as a video or GIF for socials. It can start on load, on hover, on click, when it scrolls into view, or you can set the exact state from your app's order data.
All artwork is original and the fonts are free to share (SIL OFL). Built with Claude and the SVGator MCP.