Here's the mobile version of yesterday's Spotify prototype, and some of the decisions behind it.
The album waits in the mini player, because that's where you are when you start a podcast.
The card peeking out is too small to tap, so the album's artwork in the mini player is the button.
Only one thing moves at a time. Two covers flying past each other looked messy.
When the album comes back, it lifts clear of the podcast first, like pulling a card from a deck. The audio crossfades and picks up from the last second you heard.
Link to try it out: https://uzookafor.com/two-streams/
Scroll → a camera flies through a watch gallery → zooms into the dial → you pick a dial colour → add to cart.
That's the homepage of AUREL, a luxury watch store I designed and built as a portfolio project. ⌚
Under the hood:
• 3D scroll story with React Three Fiber, GSAP and custom shaders
• Full shop flow: filters, product variants, cart, 4-step checkout
• Mobile CSS 3D fallback + reduced-motion layout
• Accessible, fast, and ready to plug into Shopify
I'm a web developer (React · WordPress · PHP, 6+ years) looking for remote frontend or WordPress roles. Recruiters and hiring managers, my DMs are open.
Recreating award sites is such a good way to get GSAP timing right. Doing two variations of the intro is a great habit, comparing them side by side teaches a lot.