Trivia Machine Mobile App for iOS
Trivia Categories The challenge of Trivia Machine was to make a successful single player trivia game for the casual market that could compete with other more well known trivia brands. The notion of the game being an actual machine came fairly early in the process so I needed to design a machine that had visual interest, but that left plenty of room for lengthy questions and answers. I was responsible for all of the visual elements of Trivia Machine which included sketches, wireframes, high-fidelity mock-ups, and the completion of all of the game's art assets (buttons, dialogs, graphics, animations and marketing materials). All artwork was created using Adobe Photoshop and Autodesk Maya.
Trivia Machine has eight different trivia categories for the player to choose from. I wanted each category to be instantly recognizable so I gave each of them their own unique graphics and color pallet and I also selected fonts that I thought best reflected each category.
Play Screen Rough Sketch
The sketch below was the final drawing I completed before I created the play screen wireframe. As you can see, each section of the Trivia Machine is a component that is connected by aluminum tubes and lights. This would make it easy for us to move the elements around to accommodate devices that had different dimensions and resolutions.
Final Screens for iPad The gears and most of the machine components were built and textured in Maya and then rendered and retouched in Photoshop. The color pallet for the machine is silver, blue and purple which gives it a cold, clean appearance. Warmer colors are used on the buttons and meters to help them stand out. We wanted additional visual interest that was inexpensive for the game to run so we decided to spin the gears and flash the lights whenever the machine was generating new questions.
Final Screens for iphone
Creating the Trivia Machine out of individual graphics that were linked together by connectors made the move to the iPhone much easier. The Question and Answer window could no longer be stacked, so now it draw on top of the Category window. The Menu button moved to the top bar and many of the connector pieces were dropped in the iPhone version.