I want to achieve a narrative concept by revealing the brutal truth behind the screen at a TAB betting shop / pub. Kind of like if you were a customer betting on the Greyhound’s watching the screen. The narrative is then supported by the visual composition which allows me to use pan transitions and play with the idea of viewing on a screen to add a juxtaposing element.
Basic thumbnails are drawn to communicate design elements and headings. I then would refer back to the wireframe which would highlight the main elements.
I tried using atomic but have found it quite hard to make transtiotins fade from a hot spot to added image back to the original page. It works great for layers but it might be to intense for what I’m wanting. link bellow includes a demo of a few slides.
I prefer this since it combines the interactive images better. However I can’t work out how I’m going to add the HUD as Invision is hopeless with layers.
With both of these UI / UX software I wasn’t able to make the fading HUD also act as a hotspot to change page so I’m got to redesign the HUD to fit the header or footer.
If I had more time I would have tried to use a GIF to copy the same idea.
My current layout is this.