Contents
The Result
The Problem
Sketching & Wireframes
Inspiration Boards
Iterations
Style Guide
Whats Next
.png)
Wanna die in America?
This project focuses heavily on awareness regarding the healthcare crisis in America. I aim to ignite concern, and show you how those who do not have health insurance have suffered.
The Problem
Are we just cashcows?
After thourough research I found that 25.3 million people in the U.S. alone live without health insurance. 30,000 - 90,000 deaths per year occur due to lack of health insurance. I go on social media and rarely see anything being spoken about our healthcare crisis, and how people have fallen victim to it. I want to raise awareness by design.
Sketches
Showing the data
I focused on integrating a map to display local death statistics, aiming to evoke an emotional response from users so that they can see how many are affected by the health care crisis. Placing the map and the game afterwards seemed logical, enhancing the overall user experience.
Iterations
Finding the best solution
Throughout my extensive iteration process, I thought about how both the asymmetric/geometric concept and the nature concept could be merged.
Iteration 1
During my research I made sure to follow each medical diseases main color, for example, for diabetes it's blue. I had to constantly make sure all the colors were accessible.
Iteration 2
I was still experimenting a lot with the placement of buttons and how the information selection for each disease would work. I also started messing around with the idea of darkmode.
Iteration 3
I stuck with the dark theme since it highlighted the information better than the light mode did. I was also more confident with the color scheme.
Style Guide
3 diseases, 3 colors
After several iterations I decided to stick with dark mode due to the way the colors stood out against the screen, further emphasizing the data the user selects.
Poppins
Light
The quick brown fox jumps over the lazy dog
Regular
The quick brown fox jumps over the lazy dog
Semi-Bold
The quick brown fox jumps over the lazy dog
Bold
The quick brown fox jumps over the lazy dog
060606
R0 G16 B46
699FF2
R105 G159 B242
F58534
R245 G133 B52
BA9AFF
R186 G154 B255
FFFFFF
R255 G255 B255
The Result
Highlighting reality
After a lot of iterating I had come to the conclusion that the geometry and natural theme, did not mesh well. Instead, I went full force wth the geometric dark theme, while using blue tones to ensure a feeling of security.
What’s Next
Making it better
Data Visualization is an element of the project that I definitely want to improve. When going back on this project, these are the elements I aim on improving.
Data Visualization
Adding UI motion & animation
Creating a live website for this project