iPhone Icon for The Apartment Store

iPhone icon displayed on an actual iPhone

The loading screen shows a simple display with a basic background and logo.

The main screen you come to gives you the option to choose one of 3 locations. With the user in mind, I wanted to keep this screen simple and easy to use.

Each location from the previous screen would have a home screen that looked like this. Four large buttons are available to choose from: Search, Images, Map, and Floor Plans. The buttons were designed specifically for the user in mind, and were created on a larger scale for visibility and for touch capabilities. A navigation bar was added to the bottom of the screen to include consistent navigation on all screens. The most used options are readily available (home, search, and map), with the option to view more. The "More" option would include a list that would scroll over top of the current screen to include: Amenities, Neighborhood, For Students, and Driving Directions. The "Back" button is included at the top left to allow the user to go back and change their location.

 

Off to the top right, there is a small button that when pressed, would slide over the home screen to the left halfway. It would reveal a list of tools to tailor the app. This is where the user could log in and would also allow a new user to sign up. The login screen would also allow a new user to sign up. The feature would allow a user to save their location, to save a list of favorite apartments, to save their key search criteria, and provide a list of recommended apartments based off of their previous searches. Once logged in, the user wouldn't have to sign into the app every time; they would have the option of staying logged in so that every time they opened the app, it would display more tailored apartment searches. If someone chooses not to ever login, they would have the same options each time they logged in, but their favorites list would not be saved for the next time they used the app.

In the previous screen, if you clicked on the large search button or the small search button in the bottom navigation, you would come to the "Search" page. Here you can adjust the sliders, as well as add additional filters if you choose. Hit the "Go" button to get a list of search results.

The "Search Results" page gives you a list of apartments with an image for each, as well as a short description and price. Next to each description there is a down arrow, which would bring up a small drop-down box with a full description and a check box to add to favorites. If you add it to your favorites, the price button turns green. To get back to the "Search" screen, you could hit the back button at the top, or hit the "Search" button at the bottom to take you there.

You would come to this screen if you had selected an apartment in the last screen. The address would be displayed in the top bar. A gallery of photos would be shown below that, which can be scrolled through horizontally. You can also scroll downward (which makes the bottom navigation bar disappear temporarily until you scroll back to the top again) to reveal a description, key features, amenities, map of the neighborhood with apartment pinpointed, and links to find out what else is in the neighborhood, and a link to driving directions. There would also be a "Contact" area to include the apartment building information, as well as a form to include your information if you would like to have someone get back to you.

This is what the previous image would look like when you first got to the screen.

As you scroll down the screen, the bottom navigation tab bar goes away to allow the user to see the maximum screen area. When the user returns to the top of the screen, the bottom navigation tab bar returns.