This project was designed for Faurecia-Aptoide Automovie (FAA). The company was born of a joint venture between Aptoide (one of the biggest appstores in the global market) and Faurecia, a market leading company in tech for automotive.
FAA's target is the future of in-car infotainment systems. They pair up with vehicle OEMs to create personalized experiences, with the product's usability and automotive guildelines always in mind.
The Game Center was no exception. It was developed using Google's Design for Driving guidelines, as a white-label solution. The solution can be easily adapted to different infotainment screens and is easily reskinned to meet the OEM client's needs.
For the app's logo, an Arcade joystick was used. The app's colors and style are similar to other game community apps, such as Twitch and Steam.
Home screen:
The home screen provides an easy access to the recently played games. There we can have e customizable CTA banner (in this case, it jumps to the discoveries tab. We also have Instant Games (games played without installation needed) and Minigames (small games) in display. You can also see what your friends are playing and even join their games if you keep scrolling!
Discovery:
In the discovery tab there are some games features in the top of the page with the respective banners. Below we have some categories used to filted the games we see under the category list, with the default selected being "Top Games". The features games and categories are costumizable by the OEM.
You can also search for games by clicking the search bar (the software will jump to the discoveries page). The searchbar and the profile button are transversal to the main tabs, with the first being flexible to content: search for games in Home and Discover and streams in Live tab.
Game details:
When the user clicks in a game that requires installation the info page will show. It will also show for installed games or instant games by pressing the icon image instead of the game's card.
The game details features the game icon, category and main action(s) (install, uninstall, update, instant play, etc). If the game has videos or images associated, the details will also show them (if clicked, will open in a gallery). More info, like the rating, size, publisher, PEGI rating and additional info, like adds presence or paid content is also available. If the game has a description, it will also be shown and truncated based on the screen size. The use is also able to rate the game.
Live:
The user may login with his twitch account in order to watch his favourite streamers or find new ones! The searchbar will be unactive until a Twitch account is associated.
When logged in, the user can browse through recommended streams, his subscriptions and other streams that he is following. He may also filter the streams with Twitch's default categories.
Profile:
The user's profile is similar to Google Play and other stores. The user may see his achievements, track his downloaded content, see his friends and accept/decline new friend requests. He may also manage his twitch account integration and logout from the app.
