restless interaction designer; hopeless romantic poet
infor_motion.gif

Top Restaurants In NYC-Infographic Design

Top Restaurants in NYC-Infographic Design

 
infor_motion_s.gif

Client:

School of visual arts

R/Ga

 

Instructor: 

Anna Fine

samuel brewton

 

Skill

Infographic

motion

Web based infographic Design

This project is a web based infographic Design. My project was inspired by a list of 11 restaurants curated by Zagat called “Most People Watching Restaurants in NYC”.

 
Screen Shot 2017-12-10 at 10.58.08 AM.png

For each restaurant, I collected 5 data points: food, decor, service, google reviews and yelp reviews. The first three are from Zagat and the rest are from google maps and yelp.

Screen Shot 2018-01-13 at 6.22.52 PM.png

Then I built a radar chart model for each restaurant. The five vertices present the five distinct aspects. 

Screen Shot 2018-01-13 at 6.24.47 PM.png

To make the information visually appealing, I used the image of the dish in order to define the shape of the radar chart. 

Screen Shot 2018-01-13 at 6.22.52 PM.png

Here is my final layout for a website. Each thumbnail represents a dish for a different restaurant. The information of the restaurant is found on the right side. 

 
Artboard 1.png
 

When you open the website, you will see an animation quickly display itself. The graphics populate themselves in a curve-like fashion leading to an overall elegant display. When you hover over the information or dish, the dish will be highlighted in a pink hue. Finally, clicking on a particular restaurant will display its related radar chart in the middle of the screen. 

 
inforgraphic.gif