Hired by AOL Time-Warner, Moderati was commissioned to make a mobile companion application for the movie The Matrix Reloaded (followed by an update for The Matrix Revolutions). At the time, most BREW apps were pretty simple. I was really proud of the the look and feel of the app design and UI. The intro and transition animations really felt explosive, and the menu’s layout was very different from the standard “clickable button list” designs at the time. An image gallery and trivia game added more creative takes on UI.
The app started with an intro animation which transitioned to an animated menu list. With every click of a high-level menu item, a transitional “burst” would play.
How it was done:
Photoshop–In addition to high-res assets, I used graphics from the movie’s website to create the transitional animations, tweaking images as needed to fit the dimensions and purposes of the app. collaboration–I came up with the idea of having the intro/transitional animations, and the animated background for menu screens, working with engineers to be sure it was implemented correctly.
design–I used assets supplied to me as high-res graphics, and screen-grabs from the web
UI design–I worked with the Product Manager to come up with a solid UI design for an image gallery and trivia game marketing collateral–I created product one-sheets for promotion with wireless carriers