Design the UI

Sketching layout

To begin, we want to sketch out all the screens. In our case, there are four.

Sign-in screen

For example, the first one, the sign-in, has the title Lang-Man and subtitle, the gallows, the name entry, the language selection, and a “Start” button.