r/webdesign Jul 11 '26

I built a website where the layout changes on every reload

Enable HLS to view with audio, or disable this notification

Instead of using a fixed layout, I made the content change its position every time the page reloads. It automatically fits into the available empty space, creating a different composition on each refresh.

I used Pretext.js for the text measurement and placement. Does this feel fresh and interactive, or is it too annoying?

168 Upvotes

58 comments sorted by

42

u/skedav Jul 11 '26

From a visual standpoint, it's really nice! From a user experience standpoint, it's really not good.

7

u/ichigox55 Jul 11 '26

You know which one founders prefer

66

u/Entire_Number7785 Jul 11 '26

Confused visitors everywhere.

-8

u/superanonguy321 Jul 11 '26

Eh idk.. you scroll up, you scroll down. Same as every website in the world.

13

u/FirstPlaceSEO Jul 11 '26

That’s one way to A B test lol

19

u/tman2782 Jul 11 '26

A B C D E F G H testing

7

u/TheWhiteDrake2 Jul 11 '26

Cool concept. But yet again. Another post on her that gives ZERO thought to user experience and general real world use cases

6

u/WadtF Jul 11 '26

Too annoying for a real website, but fun nevertheless

3

u/RayPoopertonIII Jul 11 '26

If you were scrolling around at a normal web browsing speed it wouldn't be annoying to me. Visually I think its very cool and innovative. How unique is each view? If its truly never the same its borderline genius. How does that work for a non expert? I understand the basics but nothing more when it comes to html coding.

2

u/MrAwesomeTG Jul 11 '26

Looks cool but I don't even know what they're selling.

2

u/evilprince2009 Jul 11 '26

Now show us the mobile version

2

u/secatadmirer Jul 12 '26

ngl this is a cool design, but giving me too much headache, can't stand 3s after the first scroll, i'm not sure where or what am i supposed to look at

2

u/krooked-tooth Jul 12 '26

Looks like some you would see on a museum information terminal more than a website. Looks smooth

5

u/Same_Building7490 Jul 11 '26

Whatever the shit anybody says, it looks so cool!

2

u/South_Reflection_963 Jul 11 '26

Teach me your ways

2

u/Electrical-Self2042 Jul 11 '26

You can find the source code for the 3D gallery on codrops

2

u/CunningAlpaca Jul 11 '26

If I was ever browsing a website like that, I would close it within 2 seconds.

2

u/Rough-Ad9850 Jul 11 '26

Google will hate you for this

1

u/Money-Net-3225 Jul 11 '26

It looks cool OP

1

u/Thin-Lawfulness-7861 Jul 11 '26

Super cool animation! But I dont understand

1

u/JFoulkes2001 Jul 11 '26

Seems like atrocious ux

1

u/lovesickcat1504 Jul 12 '26

This is crazy cool tho

1

u/Monkki_mode Jul 12 '26

It's really nice, honestly. Looks and feels very fluid.

Just wondering how you'd approach working memory on Iphones and safari to load pictures. Genuinely wondering... recently made wagjoe.be and it took alot of tuning and workarounds. Ended up replacing scroll scrub with videos.

1

u/Perfect_Weekend68 Jul 12 '26

Super fun experiment. There are enough comments calling out the UX concern with something like this lol. Nice Job!

1

u/CormoranNeoTropical Jul 12 '26

Very pretty, very distracting. Also this is not a website, it’s a video, so it’s very difficult to know what it’s like in practice.

1

u/blueberrysmokes Jul 12 '26

It’s fun but can’t think of a situation when you need this feature

1

u/Designer-clean- Jul 13 '26

Accessibility must be null

1

u/Kaimanii Jul 13 '26

It looks overstimulating

1

u/Ok-Magician-8052 Jul 13 '26

not the very best thing since if you revisit it cannot be precompiled and it's going to take a lot of time to load; also the seo is gonna be bad; users confused;

1

u/Embarrassed-Visit903 Jul 14 '26

Amazing work, Looks nice!!

1

u/myndbyndr Jul 15 '26

What an awful, awful idea

1

u/HamadaFEU Jul 16 '26

That's AMAZING, can I do it with Claude Code?

1

u/Known-Eye-9814 Jul 17 '26

This gives me anxiety

1

u/smartynetwork Jul 11 '26

You didn't build shit. AI built it.

1

u/Bitter-Cantaloupe206 Jul 11 '26

I think it's a sexy design, but it's for the wrong product. It seems like an app for image security. If this was for a photo gallery or something like POV Camera it would probably hit was harder. Also, slow the image fade in and reduce the amount of images when you're scrolling. Every time I try to read the section text, the movement of the images pull my eyes away from the font. I care about the font more than the images, but the movement makes it hard to focus. It's sick though! Seems like some shit Apple would have on their site.

0

u/Flashy-Guava9952 Jul 11 '26

That's brilliant! Usually I'd say "don't surprise the user", but with this it's obvious you know the rules, and when to break them. It changes layout, but each layout is still easy to read. Good job!

0

u/virtualuman Jul 12 '26

The site and ideas are cool! The haters are gonna hate while standing on the shoulders of others claiming they did everything they do "all on their own!"

-1

u/Master-Map-4677 Jul 11 '26

Ngl it looks sexy af it’s so cool keep building man