How do you decide where to live in a city with hundreds of neighborhoods spread across its five boroughs? Neighborhood NYC aims to solve that problem for new prospective residents.
The brief was simply to create a responsive website for a city.
There were two different directions for my moodboards: one that captures a young vibrant side of the city one that captures a classic old school New York. I went with the classic option as there’s something very nostalgic and inviting about it.
For this phase of the work, I began with why the user would visit this site. Quite simply, “to find a neighborhood that suits your life: a place to call home.” Given this statement, I wanted to mood to be engaging, inviting and inspirational. For the visual language, I pulled a lot from my moodboard: the warm yellow tones from the taxi cabs, the towering buildings, and the fast pace of the city.
I wanted the logo to reflect the classic style that is shown in the moodboard. The final result is two “N’s” connected to represent the name Neighborhood NYC. I chose to have the dots connecting to symbolize community which is what the user will hopefully find after using the app and discovering their ideal neighborhood.
The palette was kept very classic with black and white but also includes a pop of yellow like you see on the streets in NYC with all of the taxi cabs. The soft grey and golden yellow are secondary colours featured a few times on different elements.
I wanted the main heading text to mimic the landscape of tall narrow buildings in NYC so I went with a refined condensed font. Since the heading font and body text are both very modern looking, I used a serif font to pull out key words and as a sub heading to keep with the classic theme.
After many iterations, I decided on a structure that opened with a welcome screen and prompted the user to begin their journey through the website. They then answer a series of questions which takes them to the results page. This page features a few different neighborhoods that suit their lifestyle. When they click on each neighborhood, they get a list of statistics and fun facts about the area as seen in the images and prototype below.