Home screen Because the app is location-based, I opened it to a map of nearby study spaces. For visualization, we made open rooms different-colored pins: green for empty, red for full, yellow for partly full (pins not pictured). I made the login/register screens one swipe to the right. To the left is the main menu pictured above, and below is a list of nearby rooms. |
Account info screen As incentive to create an account, we implemented a point system (earn by rating study spaces, get priority in booking rooms.) The account information page has point balance, options to change info, and a button to view upcoming and past room reservations. After logging in or signing up, the display shifts back to the home screen. |
Selecting a room shows the following details (left):
|
Link to prototype: tinyurl.com/studyspaces-app Programs - Adobe XD, Sketch, Illustrator Font - Open Sans |