Day 1 - Sign Up / by Andy Jin

Tool :  Sketch

A login screen on a mobile app for the game Falldown.

The O in "down" falls down the screen as the user inputs their username and password, and taps login.

 

to be animated with Framer

 

The idea

Then, I moved the input fields to opposite sides of the screen.  The asymmetry makes the design more interesting while preserving the overall balance.

After doing this, I immediately saw the resemblance to Falldown, and the idea was born!

I started with the most minimal design I could think of.

The text input fields are denoted with only an underline instead of a full text box.

The login area fills the entire bottom of the screen, so only one horizontal line is needed create the button.