Loading video...

Video Failed to Load

Go Home

Most e-commerce sites feel like databases, not experiences. Grids. Filters. Scroll fatigue. I built a small POC to see what happens when browsing feels tactile and opinionated. Depth and motion instead of endless scrolling. #threejs #r3f

174,094 views • 8 months ago •via X (Twitter)

35 Comments

Cris Lenta's profile picture
Cris Lenta8 months ago

they feel like databases because that converts the most. there is a reason behind amazon looking like shit. we, humans buying, actually like it.

ONE ☗'s profile picture
ONE ☗8 months ago

This is literally more fatiguing than Amazon.

〽️att Greenberg's profile picture
〽️att Greenberg8 months ago

Not optimized on mobile, but you can play around with it here:

SasanSeyedi.eth's profile picture
SasanSeyedi.eth8 months ago

For a website... not sure... however this kind of interface would not be bad experience at fastfood ordering big touch screens.

Neeraj Nathany's profile picture
Neeraj Nathany8 months ago

But that's the advantage with e-commerce! A flashy, attractive view doesn't deliver an 'experience' anyway. You still can't touch or try the shoes. All it does is replicate the bad parts of a store visit - peering over a wall of shoes, liking one, then finding out it's either unavailable in your size or is outside your price range. Categories, filters, and sort are very valuable.

60fps's profile picture
60fps8 months ago

Dope 🔥

@bluecow 🐮's profile picture
@bluecow 🐮8 months ago

I think this design makes it too small to see and doesnt show prices

dooonot's profile picture
dooonot8 months ago

Honestly, this is nausea inducing.

Jake Fried's profile picture
Jake Fried8 months ago

🖤

Prescott Paulin's profile picture
Prescott Paulin8 months ago

I'd love to get this code for a military related coding effort if you're willing to share it. Great work @McGreenBeats

Victory's profile picture
Victory8 months ago

As pretty as this looks, it will fail. There are reasons why E-commerce sites are the way they are, because the aim is to "CONVERT", not to "ENTERTAIN". If you do this, you may notice longer sessions but zero buys. Another reason why this is bad is that too many options would cause users to lose interest; a product with only 2-3 options would sell better than one with 10+ options.

dad chords's profile picture
dad chords8 months ago

do you have to go to a different website to buy the right side of the shoe? This is actually brilliant because people will buy the left shoe first because it is half price and realize later that they should visit the other site to buy a matching pair.

Elliot Otoijagha's profile picture
Elliot Otoijagha8 months ago

What a beautiful experience there

Ouriel's profile picture
Ouriel8 months ago

very lovely

Nicholas Patten's profile picture
Nicholas Patten8 months ago

@McGreenBeats you inspired me to make this: Used Canvas API for the animated background with waves and the sky. Replicate API to generate images using Flux Pro model and Sharp to remove the background around each whale.

Abdullah Un Noman's profile picture
Abdullah Un Noman8 months ago

Love this take. Browsing should feel intentional, not like scrolling a spreadsheet. Depth and motion make the experience stick. If you’re looking for ready-to-use UI building blocks, you can also check @pagifye , dev-ready UI components you can ship with. Visit:

Artur's profile picture
Artur7 months ago

💪💪

Pritishkp's profile picture
Pritishkp8 months ago

Recently @godlywebsite implemented this and it's such a frustrating UX.

Gustav ❖'s profile picture
Gustav ❖8 months ago

Love this! vibes

Tomáš Nosek's profile picture
Tomáš Nosek8 months ago

awesome execution Matt. Just a few observations here if i may: - it feels like way too many option at a time - i would need more filters (color, type, style...) - i would love to see the shoe in action on images hovering over it because those real shots sells it...like ikea room renders which shows the furniture in place. - missing price :) But hey, it looks promising.

Moein's profile picture
Moein8 months ago

It feels like a real store. Maybe you should add AR features to let users see the shoes on their feet too! I think it would be an amazing experience.

Hlath!'s profile picture
Hlath!8 months ago

Am building a payment solution, and would love to see your design connecting to my solution on checkout

● Mike's profile picture
● Mike8 months ago

Look great. It wouldn’t convert.

Sando's profile picture
Sando8 months ago

@victoria_framer This is a great interaction for an e-commerce site, and still, it doesn't feel overwhelming!

shirtwascash🇺🇸⚒️🗽's profile picture
shirtwascash🇺🇸⚒️🗽8 months ago

this is incredible. planning to publish it?

Marius's profile picture
Marius8 months ago

bring back flash

Pascal Pixel's profile picture
Pascal Pixel8 months ago

@NapierHolland

Aman Upadhyay's profile picture
Aman Upadhyay8 months ago

This is top notch work

Nicolai's profile picture
Nicolai8 months ago

Just build a 3D store and drop in a navigator…

Anderson Mancini's profile picture
Anderson Mancini8 months ago

Outrageously good 😍 👏🏻

Kosta's profile picture
Kosta8 months ago

Crazy good

Greg Washington's profile picture
Greg Washington8 months ago

Looks like a flash site from the early 00s

BashBash, the Builder ☀️'s profile picture
BashBash, the Builder ☀️8 months ago

this is great. would classify this as ai first design @karpathy @sama

nick woodward's profile picture
nick woodward8 months ago

very cool

Hussam's profile picture
Hussam8 months ago

Nobody shops on desktop anymore, stop making designs for it

Related Videos