Each of the emoji was animated. Top to bottom, left to right: anger, excitement, surprise, happiness, disgust, sadness, fear, neutral.
One of the biggest challenges was figuring out notification states. From top: Unread reaction, unread photo, read reaction, sent but unread photo, sent reaction. The design used stock iOS elements wherever possible to make it faster to develop.
MojiChat is the result of 24 hours straight of work at HackMIT. Me and the three other members of our team (Jay Khurana, Jake Saferstein, and Harrison Xu) designed and developed the app.
Using the app, you can send captioned photos to your friends and receive their reaction as an emoticon. The app does this by taking a photo as you view your friend's message, then parsing it using the Microsoft Emotion API.
I was headed with the design and experience of the user interface. In addition to those tasks I designed and animated eight emoji for the eight emotions our app recognizes.
Displayed are the mockups for the app as well as assets I created. The actual app managed to implement most of this before judging.