Interaction design

Making delightful experiences

Logout to login transition animation

On this project, I was asked to design a logout landing page that gave users the option to log back in. With the login screen already designed, I decided to reverse the design and create an animated transition that gave a seamless experience.

screen showing a logout notification. the logout notification is then covered by an image that slides over it to reveal the login form.

Drag-and-drop states animation

This drag-and-drop feature allows users to place assets in their location on a floor plan. It was important this feature offered accuracy while being delightful to use. Each state of the marker clearly communicates the stage of the drag-and-drop the user is in while being fun to place with its “dragging balloon” effect.

Let's talk more about his project