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
About the Heroes
Heros & Info & Nav
Systems
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 v2
Screen Wireframe v3
Screen Wireframe v4
Screen Wireframe v5
Refined Black & White Mockups
Themes include Yellow & Blue Skeuomorphic, Flat Tech Graphic, & LCARS Themed Comps
Rough Mockup A
Rough Mockup B
Rough Mockup C
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
Daily Icon
Social Icon
Quarters Icon
Lab Icon
Store Icon
PVP 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.
