NeighborHub

Lauren Granato, Sole Designer

CareerFoundry UI Course

NeighborHub is a native app built for both iOS and Android markets. NeighborHub is an app geared towards people in their 20s and 30s who have just moved to a new city. There are many features which help people to get to know the city a little better. You can look at the forum, a list of events and even search for a specific location, like the nearest Trader Joe’s. 

Objective

The main purpose of NeighborHub is to help people, especially those who are shy, to get acclimated to their new city. Often people are moving to new cities in their 20s and 30s due to new jobs. It can be uncomfortable to go out and meet new people or ask people for directions. This app allows people to do those things from the comfort of being behind a screen. 

Design Process

NeighborHub was developed using a few tools. Pencil and paper were used for low fidelity wireframes. The mid- to high- fidelity wireframes were created using Sketch. Invision was used to create the final prototypes.

I also conducted competitor research. This process was repeated the same way for both.

Wireframes

iOS

Screens 4-7
Extra Screens
Screens 1-3
Screes 8-11

Low Fidelity Wireframes: Rough ideas for all screens drawn out with pencil and paper. 

Mid-Fidelity Wireframes: Initial designs brought into digital form using Sketch

High Fidelity Wireframes: Details such as where photos will go, text and other layout pieces ironed out and put into final stages before adding color and imagery. 

Throughout this process I tested these wireframes on other users. I was able to narrow down some screens, add some screens and change several initial layouts so that the flow works better for users. I also created a prototype so users could give me feedback on the position of items on the page. 

Low Fidelity Wireframes

High Fidelity Wireframes

Final Prototype

Android

1-3
4-7
7A-10

Low Fidelity Wireframes

High Fidelity Wireframes

Final Prototype