motorolalogo_large_verge_medium_landscape.jpg

Motorola: LOOK10

Brief
I worked within a small team of designers to create the 2010 look and feel of Motorola mobile devices. This included all of the skin piece and icons. After concepting was complete, I collaborated with engineers to get this design implemented as close to the initial designs as possible. This was a challenge due to the unique nature of the design which utilized a layering of multiple gradients and patterns.

Role
As a Visual Designer, I worked with engineers to implement this design language as close to the original as possible. A major portion of this project was spent working with engineers to develop tools to allow me to quickly iterate this design production onto an actual device without having to wait for regular build cycles to see changes reflected.

Home screen Widgets
These are the home screen widgets. I redlined and produced assets for all instances of the widgets. This was a challenge due to the high number of variations of content flowing into them and the user being able to determine the size of them. Sizing of home screen widgets was done prior to it being adopted by the Android platform in subsequent releases.

Dialogs
The custom dialogs were a challenge to produce due to the unique pattern found in the header as well as in the lower button area.

Notification Curtain
Here you see the notification curtain. This was a custom implementation which displayed the unique pattern found throughout the design language.

Contact Edit
This is the contacts screen which was a skinning of the native Contact Edit screen found in Android. You can see the new design language coming through on the button panel at the bottom as well as in the form fields.

Contact List
Contacts list screen based off stock Android with the design language applied.

App Tray
App tray screen based off stock Android with the design language applied.

Text Messaging
Text messaging screen based off stock Android with the design language applied.