For my User Flow and Wireframing I wanted to go with an easy to navigate system which can be seen in my figjam below.
However within my User Flow graph I decided not to go along the monetisation route as that would most likely be shown in the actual game itself rather than the companion app. I instead replaced the monetisation section with an inventory section and an achievements page to replicate the many other gaming mobile companion apps. I also decided to add a map to the wireframe in which you will see a small galaxy in which there will b e planets which can be clicked on, once clicked on you will be taken to the voyage discovery section where you can see which planets have been visited. On the homepage I decided to have 5 buttons that each take you to a different page and a separate community post below those buttons to flesh out the look.
With the above Wireframe I chose to have the first two slides as a Loading screen and a Login screen to give my app a bit more authenticity. After the interactive map on slide 4, there is an active countdown timer which can be modified by the user depending on which challenges they pick, once the countdown reaches 0 it will restart. Initially I thought about having a drop down section for the achievements but then realised that would take up too much time and stuck with the base look of having the name of the achievement in a bigger font and the description of how to get it in a smaller font below it.
Comments are closed