The goal of this project was to design a Contact Manager, similar to an email client's organizational capabilities. Contact ME. contains a desktop, as well as a mobile version with various states and interactions for each. 

Desktop

The desktop design below has two states: Static and Rollover. Within the static state, the user can search by all, recent or favorites. They can also edit the main contact area to the right, designate them as a favorite and see if they are online. Within the rollover state, the user can predicatively search for a contact. Although the default is organized alphabetically, when the user views by "Favorites", they have the ability to customize their list or remove the contact.

Click each image to get a better view!     

Mobile

The mobile version acts in a similar way, in that the user can view by all, recent or favorites. Once a contact is chosen, the user can click open from a list of options-Phone, Email, Address and Notes. Within the Phone view, the user can see which numbers allow messages and calling. This version follows a mobile friendly interface design, allowing the user to easily transition between screens.