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
Recreated the progressive blur footer inspired by Apple Maps, focusing on subtle details that make the interface feel more immersive and intuitive. ✨
Built with Expo, this interaction blends the footer naturally into the map while maintaining a clean, polished look as content moves beneath it.
I enjoy recreating interactions like these to better understand the craftsmanship behind great mobile experiences and to explore what's possible with React Native.
Feedback is always welcome.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Fintech Wallet & E-Commerce Sales Tracker Mobile App UI Design
Managing multi-currency funds and tracking real-time sales performance shouldn't require juggling three different financial apps.
We designed this clean, modern Fintech Wallet & E-Commerce Sales Tracker Mobile UI for digital merchants, cross-border sellers, and modern SMBs. Built for Fintech startups, payment processors, and e-commerce analytics SaaS platforms, this soft-neumorphic interface unifies multi-currency exchange, revenue telemetry, expenses, and inventory payouts into one effortless mobile experience.
The Problem We Solved
E-commerce entrepreneurs and modern freelancers often struggle with fragmented financial visibility. Cross-border transaction fees, fluctuating exchange rates, and delayed sales reporting make cash flow forecasting painful and prone to error.
This concept merges personal/business wallet balances with live sales analytics and expense tracking, providing founders and store owners total control over their business finances in a single dashboard.
Key Features & UX Highlights
Multi-Currency Wallet & Rates: High-visibility balance card ($360,000\text{ Total Balance}$) paired with real-time foreign currency exchange indicators (USD, EUR, PKR).
Interactive Sales Gauge & Revenue Analytics: Visual radial arc summaries ($1,266\text{ Sales}$) paired with high-contrast monthly sales bar charts for rapid month-over-month performance reviews.
Profit & Expense Breakdowns: Dynamic sub-cards automatically categorizing income vs. expenses ($-\$323\text{ Expense} \mid +\$234\text{ Profit}$) for frictionless financial auditing.
Itemized Order & Transaction Feed: Detailed inventory ledger displaying payment statuses (Paid, Pending) and live transaction logs with individual item images.
Building a Fintech, Banking, or E-Commerce SaaS?
Whether you're an ambitious founder launching a cross-border neobank or scaling a multi-channel seller dashboard, we design conversion-driven, user-centric UI/UX that drives platform adoption and user trust.
One of my favorite UI experiments so far.
I challenged myself to create a cinematic Pepsi landing page where the interface feels like it’s floating within the experience rather than simply sitting on top of a background.
✨ What I explored:
1. AI-generated animated backgrounds
2. Scroll-driven storytelling with multiple Pepsi products
3. Glassmorphism & frosted-glass UI
4. Smooth blur, reflections, and premium lighting
5. Framer Motion animations
6. Fully responsive design
Built with React, Vite & Tailwind CSS The goal was not just to build another landing page it was to create an immersive experience where motion, depth, and interaction work together to tell a story.
I am still refining the animations and interactions, but I’m really happy with where it’s heading. What would you improve or add?
#React #TailwindCSS #FramerMotion #UI #UX #WebDesign #Frontend #Glassmorphism #LandingPage #MotionDesign #CreativeCoding
This looks amazing! The cinematic visuals, glassmorphism, and motion work together really well to create an immersive experience. 🚀
Undertow reads the emotional signals you don't consciously track — tension, calm, overwhelm and turns them into something you can actually see and understand.
