It can’t always be just pretty pictures, there is a lot to consider before that even begins. Monos was called in to help towards the UX framework and initial art and motion ideas for one of EA's flagship titles.
Gold to yellows, using gradients for warmth
polaroid style
info on base, lean into a slight retro real world vibe.
F6D40B
6BC6BD
FFFFFF
000000
RACE ASTHETIC
Black and white with greys and use of blurring with dashes of green and yellow to offset the gold and nightlife gritty feel.
We wanted users to feel engaged with the world they would be driving in and not disconnected.
Make all top stats and information front and centre to the player, these can then be selected to view in more depth.
Showing driver progress with the ability to have an infinite supply, again each section can be selected for a better overview.
Using a top tab to easily move between each section, allowing for a logical user flow to feel natural and as simple or detailed as a player wishes.
We wanted an extra dimension with a fluid like response on launch, to give the player a more in depth unique and exciting boot up experience which interacted in a natural and joyful way.
Ability to jump straight in with over arcing information displayed, yet still being viable through the differing monitor styled modes for the player to select and view.
Wired up to show how the interactions should work, with the selected area being bought to the front.
A quick test wire motion was done to communicate the idea.
The idea was to capture the neon night time feel, the use of imagery and movies was really important to make this happen and have the main menu feel more like individual portals to the game world.
To make sure users are going to have the ultimate experience, we have to sketch out ideas to test how they feel, we also make interactive wires to test out more complex ideas.
This is the ground work for any good UI experience, this is what makes it unnoticeable and enjoyable to a user, the concepting before the concepts.
main displays alternatives
use of tab filtering
Example 7 concepted outcome
Jumping between items should always flow and animate smoothly to create that slick modern racing feel.
Monos created some initial motion graphic ideas to show these ideas off to EA, which could then be taken further by their internal teams.
Circular bar animations for stats, to catch and lead the eye to its natural conclusion, while displaying an overall average for quick viewing in the centre.
Smooth Right to left motion for framing items, with navigation included so all information is obvious and displays where the eye has been attracted toward.
Remember we have a lot more that can be shown on request, let us help get your users to have the best experience possible.