Following on from the rough low-fidelity design that I made last week, I focused on refining the design further to get a better idea of the layout.

I used components and variants to make the tabs and tab bar used to select ‘Events’, ‘VIP’, ‘Accessible’ and ‘Add-ons’.

Putting this all together, I created a high-fidelity prototype in Figma, and screenshots of each frame can be seen below. I really enjoyed designing little details and coming up with ways to visualise my ideas, such as in the Venue Information slide-over card.

It was a challenge to use nested Auto Layout frames to separate the information I wanted to scroll from the elements I wanted to be static. I’m satisfied with the final prototype though.

Below is a screen recording of the fully prototyped design in Figma. For more information, see my Project 2 Miro Board that shows some of the design process in more depth.

I’m really pleased with how this project has gone, and I feel the final design recommendations task has put me in a good position to start project 3.