How to Create a Multi-Experience Website with Different Modes?

One approach might be to create a single site that uses progressive enhancement rather than three separate versions. You could have a single CMS with shared semantic markup so that your content and URLs remain consistent. You can then apply styles, interactions, and animations conditionally, loading extra CSS or JavaScript only when needed. Are your users able to toggle between the modes themselves?

I've seen concepts like this, and I like the idea too! I think the performance version should be the default for better SEO. Just be mindful about how users will access the other experiences; you might not want it hidden away, as many will only spend a couple of seconds deciding. Also, if each experience is a different route, make sure you handle canonicals and META tags properly to avoid any duplicate content issues.

Accessibility is another big factor to keep in mind as the experiences get more complex. You'll want to ensure that animations and interactions are accessible to all users. Checking resources on accessible web design will be beneficial for ensuring your project caters to everyone.

Definitely consider how these three experiences will be presented. Will it be based on user preference, or will it switch randomly? Using feature flags for presentation can be helpful. The complexity will really depend on the unique content for each mode, but it’s certainly doable.