User Flow and U.I Wireframing

So for the Wire frame I was inspired by two companion apps one was EA Fc25 and other one being Destiny. So from EA fc25 I borrowed the layout of the home page as it was look quite simple to understand what was going on with it and then from destiny it’s features like news and achievements.

I was unable to create a proper representation that’s why this might look bit complicated but all that’s happening is from home page you can access all the pages and vice verse for all the other pages too. But, in game page you can access the other pages like collection, friends for each game. This is main as it felt simple to me and the user flow again inspired by the EA fc 25.

So, this is the final design of the companion app for phones and for phone I used android just cause it has large user base that means the app will be accessible to more people. I added the event feature as it felt right with the companion app as it updates them about upcoming events or current events.

In the Game menu the user can access all their collections from that particular game and also add or see if their friend is active.

https://www.figma.com/design/K2lZI2VUuOYE3tvr6hy912/Android?node-id=0-1&t=jLXWyJrKalp1xkMj-1