project
Pixel Primaries
project
Pixel Primaries
project
Pixel Primaries
year
2024-2025
year
2024-2025
year
2024-2025
skills/programs
Adobe Illustrator, Procreate, HTML/CSS, Python, Graphic Design, UIUX Design, Illustration, AI Algorithm Coding
skills/programs
Adobe Illustrator, Procreate, HTML/CSS, Python, Graphic Design, UIUX Design, Illustration, AI Algorithm Coding
skills/programs
Adobe Illustrator, Procreate, HTML/CSS, Python, Graphic Design, UIUX Design, Illustration, AI Algorithm Coding
description
Pixel Primaries distils Congressional Primary candidates and their values into pixelated sprites and stats. These pixel elements come in two forms: a web database for prospective voters and a card-based teaching tool for grade school students. Both aim to inform citizens about the candidates running for office, with the teaching tool providing extra resources which prompt students to analyze candidate statistics and perform mock debates.
description
Pixel Primaries distils Congressional Primary candidates and their values into pixelated sprites and stats. These pixel elements come in two forms: a web database for prospective voters and a card-based teaching tool for grade school students. Both aim to inform citizens about the candidates running for office, with the teaching tool providing extra resources which prompt students to analyze candidate statistics and perform mock debates.
description
Pixel Primaries distils Congressional Primary candidates and their values into pixelated sprites and stats. These pixel elements come in two forms: a web database for prospective voters and a card-based teaching tool for grade school students. Both aim to inform citizens about the candidates running for office, with the teaching tool providing extra resources which prompt students to analyze candidate statistics and perform mock debates.
01
research & problem statement
For many young Americans, politics is a mess of corruption obfuscated by complex jargon. In other words, it’s unapproachable and undeserving of approach. Or is it? Could I use interactive design to decrease political apathy among the youth?
01
research & problem statement
For many young Americans, politics is a mess of corruption obfuscated by complex jargon. In other words, it’s unapproachable and undeserving of approach. Or is it? Could I use interactive design to decrease political apathy among the youth?
01
research & problem statement
For many young Americans, politics is a mess of corruption obfuscated by complex jargon. In other words, it’s unapproachable and undeserving of approach. Or is it? Could I use interactive design to decrease political apathy among the youth?
oct 3 expert interview
I began my research by interviewing Amelia Johnson, who serves as a Legislative Aide to Assemblymember Harry Bronson, the representative for New York's 138th State Assembly district. Throughout our conversation, she stressed the following:
Down-ballot participation is under looked and vitally important
We should endeavor to make the government feel less exclusive
The most successful conversations are offline, person-to-person
oct 3 expert interview
I began my research by interviewing Amelia Johnson, who serves as a Legislative Aide to Assemblymember Harry Bronson, the representative for New York's 138th State Assembly district. Throughout our conversation, she stressed the following:
Down-ballot participation is under looked and vitally important
We should endeavor to make the government feel less exclusive
The most successful conversations are offline, person-to-person
oct 3 expert interview
I began my research by interviewing Amelia Johnson, who serves as a Legislative Aide to Assemblymember Harry Bronson, the representative for New York's 138th State Assembly district. Throughout our conversation, she stressed the following:
Down-ballot participation is under looked and vitally important
We should endeavor to make the government feel less exclusive
The most successful conversations are offline, person-to-person
oct 4 - 25 student interview series
I spent 3 weeks interviewing my target age range, 16-25. Many interviewees mentioned the following political pain points:
Disingenuous optics on the part of politicians
Introversion and fear of chastisement for political opinions
Lack of perceived personal impact
Sheer volume of information needed to understand politics
Too busy to take part
oct 4 - 25 student interview series
I spent 3 weeks interviewing my target age range, 16-25. Many interviewees mentioned the following political pain points:
Disingenuous optics on the part of politicians
Introversion and fear of chastisement for political opinions
Lack of perceived personal impact
Sheer volume of information needed to understand politics
Too busy to take part
oct 4 - 25 student interview series
I spent 3 weeks interviewing my target age range, 16-25. Many interviewees mentioned the following political pain points:
Disingenuous optics on the part of politicians
Introversion and fear of chastisement for political opinions
Lack of perceived personal impact
Sheer volume of information needed to understand politics
Too busy to take part
nov 1 - 8 board games
One of the first ideas that I began developing was a political board game. This seemed to inherently solve many of the issues my interviewees had mentioned.
Board games foster a sense of face-to-face community in a low-stakes environment. They can encourage discussion and educate players if crafted well enough.
That said, a quick online search reveals a wealth of politics-based board games, from HEGEMONY to SHASN. Ultimately, I couldn't find a way to make my concepts sufficiently unique.
nov 1 - 8 board games
One of the first ideas that I began developing was a political board game. This seemed to inherently solve many of the issues my interviewees had mentioned.
Board games foster a sense of face-to-face community in a low-stakes environment. They can encourage discussion and educate players if crafted well enough.
That said, a quick online search reveals a wealth of politics-based board games, from HEGEMONY to SHASN. Ultimately, I couldn't find a way to make my concepts sufficiently unique.
nov 1 - 8 board games
One of the first ideas that I began developing was a political board game. This seemed to inherently solve many of the issues my interviewees had mentioned.
Board games foster a sense of face-to-face community in a low-stakes environment. They can encourage discussion and educate players if crafted well enough.
That said, a quick online search reveals a wealth of politics-based board games, from HEGEMONY to SHASN. Ultimately, I couldn't find a way to make my concepts sufficiently unique.
nov 9 - 20 political compass
The next idea centered around a physical, two-person dial survey based on the Political Compass. Users would ask each other political questions to gauge each other's leaning on the compass matrix.
In the end, this idea proved to be too abstract. For the amount of effort required to make it, the device didn't feel like it would sufficiently solve for my problem statement.
nov 9 - 20 political compass
The next idea centered around a physical, two-person dial survey based on the Political Compass. Users would ask each other political questions to gauge each other's leaning on the compass matrix.
In the end, this idea proved to be too abstract. For the amount of effort required to make it, the device didn't feel like it would sufficiently solve for my problem statement.
nov 9 - 20 political compass
The next idea centered around a physical, two-person dial survey based on the Political Compass. Users would ask each other political questions to gauge each other's leaning on the compass matrix.
In the end, this idea proved to be too abstract. For the amount of effort required to make it, the device didn't feel like it would sufficiently solve for my problem statement.
nov 20 - 31 pixel primaries
For this concept, I decided to step away from abstraction and create a genuinely useful tool. Pixel Primaries would be a web-based tool that focuses on the congressional primaries. The twist would be the pixel aesthetic applied to both the candidates and their political positions, making the overall info less complicated.
Focus on the primaries, if done well, would solve for many of the issues that the interview series uncovered, like the sense of being overwhelmed or the perceived lack of impact.
nov 20 - 31 pixel primaries
For this concept, I decided to step away from abstraction and create a genuinely useful tool. Pixel Primaries would be a web-based tool that focuses on the congressional primaries. The twist would be the pixel aesthetic applied to both the candidates and their political positions, making the overall info less complicated.
Focus on the primaries, if done well, would solve for many of the issues that the interview series uncovered, like the sense of being overwhelmed or the perceived lack of impact.
nov 20 - 31 pixel primaries
For this concept, I decided to step away from abstraction and create a genuinely useful tool. Pixel Primaries would be a web-based tool that focuses on the congressional primaries. The twist would be the pixel aesthetic applied to both the candidates and their political positions, making the overall info less complicated.
Focus on the primaries, if done well, would solve for many of the issues that the interview series uncovered, like the sense of being overwhelmed or the perceived lack of impact.
02
ideation
With data in hand, I began looking at ways to solve for the many problems I'd found. With a problem statement as vague as mine, there were many directions to look in.
02
ideation
With data in hand, I began looking at ways to solve for the many problems I'd found. With a problem statement as vague as mine, there were many directions to look in.
02
ideation
With data in hand, I began looking at ways to solve for the many problems I'd found. With a problem statement as vague as mine, there were many directions to look in.
03
pixelation
Having selected Pixel Primaries, I'd have to learn how to draw pixel art and code. Instead of feeling anxious, I leaned into this and used the project to hone my skills.
03
pixelation
Having selected Pixel Primaries, I'd have to learn how to draw pixel art and code. Instead of feeling anxious, I leaned into this and used the project to hone my skills.
03
pixelation
Having selected Pixel Primaries, I'd have to learn how to draw pixel art and code. Instead of feeling anxious, I leaned into this and used the project to hone my skills.
jan 7 defining the scope
By the end of the project, I should have:
A computer- and mobile-friendly website that includes:
A home page that allows users to find their district and navigate to the district’s page.
A distinct page for each of Illinois’ 17 districts.
A page that explains how the stat blocks work.
An About page that explains the project.
A Contact page that allows users to message the site admin directly.
A teaching tool that includes:
56 Candidate Cards, each of which will include a sprite illustration, the candidate’s district number, a quote, and the candidate’s stat block.
An info card that includes prompting questions and QR Code links to the stat explanation page.
jan 7 defining the scope
By the end of the project, I should have:
A computer- and mobile-friendly website that includes:
A home page that allows users to find their district and navigate to the district’s page.
A distinct page for each of Illinois’ 17 districts.
A page that explains how the stat blocks work.
An About page that explains the project.
A Contact page that allows users to message the site admin directly.
A teaching tool that includes:
56 Candidate Cards, each of which will include a sprite illustration, the candidate’s district number, a quote, and the candidate’s stat block.
An info card that includes prompting questions and QR Code links to the stat explanation page.
jan 7 defining the scope
By the end of the project, I should have:
A computer- and mobile-friendly website that includes:
A home page that allows users to find their district and navigate to the district’s page.
A distinct page for each of Illinois’ 17 districts.
A page that explains how the stat blocks work.
An About page that explains the project.
A Contact page that allows users to message the site admin directly.
A teaching tool that includes:
56 Candidate Cards, each of which will include a sprite illustration, the candidate’s district number, a quote, and the candidate’s stat block.
An info card that includes prompting questions and QR Code links to the stat explanation page.
jan 8 - mar 5 asset creation
The process for illustrating sprites began with finding a suitable canvas size, as this would define how many pixels I would have to work with. The Danny Davis illustration I created for the demo proved useful in this regard, helping me to settle on a size of 43px x 43px.
In the process of illustrating all 55 candidates, subtle shifts were made in the process and style. Shading became more understated, facial details (like eye color) became unique to candidates instead of black by default, etc. This required me to go back and fine-tune older sprites to match style changes.
jan 8 - mar 5 asset creation
The process for illustrating sprites began with finding a suitable canvas size, as this would define how many pixels I would have to work with. The Danny Davis illustration I created for the demo proved useful in this regard, helping me to settle on a size of 43px x 43px.
In the process of illustrating all 55 candidates, subtle shifts were made in the process and style. Shading became more understated, facial details (like eye color) became unique to candidates instead of black by default, etc. This required me to go back and fine-tune older sprites to match style changes.
jan 8 - mar 5 asset creation
The process for illustrating sprites began with finding a suitable canvas size, as this would define how many pixels I would have to work with. The Danny Davis illustration I created for the demo proved useful in this regard, helping me to settle on a size of 43px x 43px.
In the process of illustrating all 55 candidates, subtle shifts were made in the process and style. Shading became more understated, facial details (like eye color) became unique to candidates instead of black by default, etc. This required me to go back and fine-tune older sprites to match style changes.
mar 6 - 15 sourcing stats
If not for the stat block aspect of this project, Pixel Primaries would amount to a re-skin of any other database on the internet. As such, the stat blocks had to be concrete and meaningful; created from data directly from Congress and sorted/aggregated by an unbiased algorithm. This is where APIs came in handy.
mar 6 - 15 sourcing stats
If not for the stat block aspect of this project, Pixel Primaries would amount to a re-skin of any other database on the internet. As such, the stat blocks had to be concrete and meaningful; created from data directly from Congress and sorted/aggregated by an unbiased algorithm. This is where APIs came in handy.
mar 6 - 15 sourcing stats
If not for the stat block aspect of this project, Pixel Primaries would amount to a re-skin of any other database on the internet. As such, the stat blocks had to be concrete and meaningful; created from data directly from Congress and sorted/aggregated by an unbiased algorithm. This is where APIs came in handy.
Congress API
Using this API, I can request and receive large amounts of data pertaining to specific congresspeople. For the purposes of this project, I was interested in both sponsored and cosponsored legislation.
Congress API
Using this API, I can request and receive large amounts of data pertaining to specific congresspeople. For the purposes of this project, I was interested in both sponsored and cosponsored legislation.
Congress API
Using this API, I can request and receive large amounts of data pertaining to specific congresspeople. For the purposes of this project, I was interested in both sponsored and cosponsored legislation.
OpenAI API
Using this API, I can use AI to read and score each piece of sourced legislation, sort them into one of the eight stat categories, then generate average scores for each category.
OpenAI API
Using this API, I can use AI to read and score each piece of sourced legislation, sort them into one of the eight stat categories, then generate average scores for each category.
OpenAI API
Using this API, I can use AI to read and score each piece of sourced legislation, sort them into one of the eight stat categories, then generate average scores for each category.
results
The website is live and able to view at https://pixelprimaries.github.io/web/index.html. I've also created an in-depth process book, which is available to download. The book goes into much greater detail about the project and includes an appendix with the full Python API code.
results
The website is live and able to view at https://pixelprimaries.github.io/web/index.html. I've also created an in-depth process book, which is available to download. The book goes into much greater detail about the project and includes an appendix with the full Python API code.
results
The website is live and able to view at https://pixelprimaries.github.io/web/index.html. I've also created an in-depth process book, which is available to download. The book goes into much greater detail about the project and includes an appendix with the full Python API code.
© 2025 by Sid Shukla. All Rights Reserved