Role: UX UI Designer
Team: Edison Cruz (Product Manager), John Eberhardt (Lead Game Designer), Taylor Benson (Producer), Sean Mclaughlin (Lead UX Designer & Art Director)
Developer: 2k CatDaddy Games 
Client: CBS

Inspired by the work of Mike Okuda, Andrew Jarvis, Timothy Peel and StarTrek Atlas & Discovery.
Thumbnails
Exploring character-based, ship based, graphical based ideas and themes.
Quick Thumbnail
Quick Thumbnail
About the Heroes
About the Heroes
Heros & Info & Nav
Heros & Info & Nav
Systems
Systems
Inspired by LCARS
Inspired by LCARS
Landing Screen Wireframes 
I wanted to make sure that the navigational buttons were clear, easy to find on device and that the primary action was accessible to the user's thumbs at all times.
Screen Wireframe v1
Screen Wireframe v1
Screen Wireframe v2
Screen Wireframe v2
Screen Wireframe v3
Screen Wireframe v3
Screen Wireframe v4
Screen Wireframe v4
Screen Wireframe v5
Screen Wireframe v5
Refined Black & White Mockups
Themes include Yellow & Blue Skeuomorphic, Flat Tech Graphic, & LCARS Themed Comps
Rough Mockup A
Rough Mockup A
Rough Mockup B
Rough Mockup B
Rough Mockup C
Rough Mockup C
Rough Mockup D
Rough Mockup D
Bottom HUD Nav Icons
After the themed comps exploration, we decided that the Yellow & Blue Skeuomorphic Themed Comp would be the best direction moving forward with the time restraints that we have and it was the most successful in terms of clarity and usability on a mobile device.  The below icons attributes contain real world lighting, physicality and dimensions.
Collection Icon
Collection Icon
Daily Icon
Daily Icon
Social Icon
Social Icon
Quarters Icon
Quarters Icon
Lab Icon
Lab Icon
Store Icon
Store Icon
PVP Illustration Button
PVP Illustration Button
Campaign Illustration Button
Campaign Illustration Button

Bottom HUD Nav

Landing Screen Refinement
Final Landing Page Mockup.  The Yellow & Blue Skeuomorphic Themed Comp was taken to the a higher level of fidelity.

You may also like

Back to Top