top of page
Media Sleep.png

information
graphics

Information Design Course

Fall 2022

Under Professor Tod Linkner

The overarching theme for this project was “Consumption”. We first listed out various subcategories of consumption such as food, media, and news, then further branched it out into topics like nutrition, fashion, and tv shows. Using this as a guideline, the class created their own information design websites. 

media consumption impact on sleep

The first project was to define qualitative information, and the topic was how media consumption impacts sleep. The circular nature was inspired by the sleep cycle, and every impact on sleep is detailed by when it occurred during the day. The user circles through the cycle by scrolling. The color scheme is primarily blues, reminiscent of nighttime and sleep. The secondary color is red, resembling notifications from social media and messaging.

This project was coded from scratch, using javascript to add interactivity. The user can click on each item to read more about how it impacts sleep quality and schedule. The only exception to this is dopamine levels. Since this is something that rises and falls during the hours of the day, it does not occur in singular instances and is always present. With this consideration, I put a ring around the cycle to indicate how high the dopamine levels are. 

Screenshot 2023-06-25 at 4.44.30 PM.png
Screenshot 2023-06-25 at 4.47.15 PM.png
Screenshot 2023-06-25 at 4.44.18 PM.png
diversity in video streaming services

 

 

 

The second project was quantitative information. Keeping on theme with media consumption, I based this website on diversity in the shows on streaming services. Graphs were initially made in Microsoft Excel, then transferred into Adobe Illustrator for modifications. The timeline at the beginning provides information as context. The dates and events are set on a vertical timeline, leading the viewer to scroll down the website.

The graph for LGBT Character Distribution is a treemap since the percentages add up to more than 100%. As such, a pie chart would not be the best to use.

The color scheme is reminiscent of a dark screen and bright colors. However, I stayed away from any specific streaming services' color palettes and branding, as the raw data is pulled from numerous services. 

Show Demand.png
LGBT Character Distribution.png
Lead Characters.png
bottom of page