Here is the UI for Role Switching that I developed. I made the design to be similar to that of the login screen though there were some changes. The changes I made was just so that the UI for role switching is not confused for that of logging in.
The option to switch roles added for admins to the top right of the screen
The UI for role switching added to the right of the screen
The view of the UI in the browser
The screen displayed after the admin with first name “admin” switches role to student c5anthei
The error messages are a mirror of the ones for login
Error message displayed when user name and password fields are blank
The password field was blank
The user name was invalid
Input about the quality of the work and some error cases that I might not have considered will be appreciated.