It’s one page with one main section and four hidden panels that are shown when you click on links in the main section.
Each link is trigering an interaction that 1. perform a 3D transform on the main section and 2. slide-in a panel, that’s sliding from the position where it rests.
Entirely doable with Webflow IX.
Advice: as you’re going to design all the hidden panels, then move it out of the way to hide them, I recommand that you make the content of those 4 panels (on your example it’s about, portraits, landscapes and contact) symbols. You’ll then create a new page and lay those 4 symbols there so that you can edit them easily. As they’re symbols, modifications will show up on your home page too. So just to be clear, the CONTENT has to be a symbol, not the panel wrapper on which you’re going to add the transform translation.
- create your main section, width=100vw height=100vh position fixed, z-index 10
- create a model for a panel section. class=panel, width=100vw height=100vh position fixed, z-index 20 and style the background if it’s the same for all panels
- add a combo class pane1 to the class panel and design your about panel (for example). then use Transforms to move it on the right or left, for 100vw
- duplicate it, change the combo class to panel 2 and style another panel, with the same properties, move it somewhere else with the same technique. repeat for your 4 panels.
- select one link on the main section then create a click interaction, set the interaction to perform a 3D transform on the main section then slide in a panel, using transforms to 0vw. Repeat for all links.
If you’re new to interactions, follow the links at the top of the forum to the courses and univertsity and learn from there.