The Matrix Reloaded, The Matrix Revolutions, mobile app

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.

Matrix Reloaded/Matrix Revolutions, mobile app

Matrix Reloaded/Matrix Revolutions, mobile app

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.

Matrix, Intro animation and Main Menu

Matrix, Intro animation and Main Menu (reload page to view animation)

Matrix Reloaded product one-sheet

Matrix Reloaded product one-sheet

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.

My role:
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

One thought on “The Matrix Reloaded, The Matrix Revolutions, mobile app

Leave a Reply

Your email address will not be published. Required fields are marked *