<  Projects   <  Disciplr Messages  

In-App Messaging

Disciplr users wanted the ability to send and receive messages to other users on their account. Since the number of senders would be limited to a specific set of people, I decided to take advantage of the flexbox structure of the site to make an interesting layout that revealed enough information in a glance to allow the user to prioritize reading and responding based on the content, not the sender or subject line.

Using flexbox and JavaScript, a selected message would expand in the grid from its orientation point (top left or top right depending on position in relation to the items around it), "pushing" other messages around the expanded container with a smooth animation to create an interesting and dynamic transition.

I created a high-fidelity prototype, marked with red arrows to guide product owners and developers through the prototype, and including annotations on each screen to explain how the feature should work.

Process
×