Simple Login Screen UI Interaction (iPhone X)

UPDATE: looks like my frame rate wasn't set correctly in Photoshop. Classic 😒

So let me first start by saying that THIS IS A REAL PROJECT, but it's not for TripAdvisor. I'm not allowed to share my "exact" work or the company I'm working with, so I decided to mock the interaction using another brand's assets.

In case you were wondering why TripAdvisor, I was browsing some hotels for an upcoming excursion to Tokyo and thought I'd use their branding. What can I say, it works!

This was built in Adobe XD and Principle App.

Heads up, I'm aware of the animation being a bit slow in this example due to the number of frames I have in my GIF. You should get a good understanding of how the animation and interactions work regardless. I promise it's much smoother and faster in real time.