Story board created showing some of the user-flows through the app. In this case it shows adding a photo to a chat, viewing a group info, and adding a contact.

Contact screen on OS X showing colour choices and a sample of their shared details.

This is a breakdown of how group icons are created, using the profile colours of each contact within it.

Group info screen, showing details of the group.

Break down of action areas within the app. Blue areas show the zone for dragable objects. We used this as a way to collapse and expand the chats/contacts panel.

Chat screens on android showing a similar use of colour. As with the desktop apps, any time colour is used in the interface, it refers to a contact.