This webpage is a proof of concept of an interactive UI mixing magazine content style and "relative side content". The initial need is to build a tripbook.
The needs
First of all, I wanted to tell a story: the one I've lived during my travel. But a travel always comes with plenty of stuff: pictures, map, words, timeline... So, building the UI often lead to a mess...
I've not found a real bright and good solution for the timline, but I've many ways in my mind and will test them soon. But here is a test of "dual interactiv content".
Relative content
The relative content (map, big picture) is in the side panel on desktop.
The problem with 2 panels: the interaction between them. To not flash the brain and eyes of the user, I've decided to limit the interactions.
- When scrolling the main content, the side content is update only when changing big section. It's avoid to flash 5 times a second.
- Any other update of the side content required explicit user request (click on a button/link, ...).
The responsive problem has been quickly solved by simply removing the side content.