Sympathy is an app that gathers songs and creates unique and specifically tailored playlists to suit your mood. It uses facial recognition and scans the face to asses your mood and play music that corresponds to how you feel. Sympathy has many aesthetic compositions, satisfying gradients and other visuals that will vary according to your mood and the music. This prototype was done for a project in Graphic design major, Virginia Commonwealth University School of the Arts in Qatar.

phone version

Moodicon is a health-tracking application that tracks your mood, suggests the activities based on that mood for the whole day, and takes your feedback. The main idea is to make sure that an individual is not sitting idle doing nothing except having different thoughts in his/her mind, but to be positive, sharing thoughts on a daily basis, doing different activities to divert the mind, etc.

I made this illusion based on the Tusi motion method, which takes his name from Nair al-Din Tusi, a Persian astronomer from the 13th century. The principle established by Tusi states that: If a circle with diameter A rotates on the inner boundary of a circle with diameter 2A, then a point on the circumference of the inner circle traces a straight line. As you can see, any ball in the inner circumference is following a perfect linear movement. This is created with 8 Containers where the balls move linear in a loop. The delay between balls must be always the same as the speed of the animation. An ease-in-out cubic-bezier(.4, 0, .6, 1) animation is required to get the circular shape.

Prototipo diseñado para el proyecto del módulo Diseño de Software.

Interactive banner with video of Google TV's home page. Must click to enable key presses used on a TV focus interaction model. The menu can be navigated but is only actionable for "For You" on the home page. Switching focus to the banner will enable additional UI and pausing on left/right interactions will allow for video playback with sound. No interactions below the banner are actionable.

Basic menu using a moving focus model for TV apps such as Hulu, Youtube etc. Key presses are used to map interactions which would be mapped to physical remote controls for live demos. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.