The first issue I ran into when linking the prototype up was how the user moved between screens. I created these components which could be clicked to trigger the move between with a hover effect.
When actually moving, I used empty screens with gradients to gradually move between screens. This worked well and kept the feel of it all being one page from my original home screen.
<aside> 🚨 There are some white gaps which occasionally appear when moving between screens. This is just a flaw of Figma and I can’t find a way around it.
</aside>
I also wanted to create a menu so that users could easily move between sections non linearly. This used a similar hover component to the section movement buttons.
<aside> 🚨 Due to the scroll variations, I had to keep the menu button tied to each page, with it disappearing when transition between screens. Ideally it would stay there but the menu wouldn’t work otherwise.
</aside>
I kept the menu simple, using some imagery from each screen for the hover states. This worked well and was just as much as it needed to be.
With that, my prototype was complete and I was ready to take it to class for critique.