Jackson Tatge
Graphic Design Portfolio
Graphic Design Fundamentals
This collection contains projects completed throughout a variety of courses at Michigan State University intended to teach the fundamentals of Graphic Design. Projects involve graphic form, typography, UI/UX design, and motion design.
![](https://freight.cargo.site/t/original/i/7e71606a09a5e02aeef7b673d64462bcd7081804b0a5bf88324482a0bc5c5d2c/Cube-Side-1.png)
![](https://freight.cargo.site/t/original/i/048e7638d0a2dd853022315cbadc1e1077a798264ef258d1e55b87db20a245f8/Cube-Side-2.png)
Cube
This project began with 10 front and back sketches of cubes, making use of curve, shape, and line. 3 of these cubes were then chosen to be constructed in the from of 3x3’’ paper cubes. One of these cubes was chosen to be constructed digitally, and was continuously refined until the final version was complete. The goal of this project was to utilize 6 surfaces simultaneously, integrating multiple planes harmoniously, to consider the characteristics of the cube, and how to interact with it, to logically dissect the relationships created and controlled from side to side, and to work asymmetrically, striving for contrast and harmony on each side and within the whole.
![](https://freight.cargo.site/t/original/i/9b52c15babed6bf3b9a111f3e215e6a2a286ffa30aeffe30c59675a670f338b5/ICON_Jackson_Tatge-01.png)
![](https://freight.cargo.site/t/original/i/f34336b7308ce3571569295b1103a3fbab00eba78624a71e21965eef6b5c2741/ICON_Jackson_Tatge-02.png)
Fox Icon
This project began with 30 thumbnail sketches of a fox. 5 of these sketches were chosen, enlarged, and refined. 2 of these sketches were chosen to be digitally rendered. Finally, the final version of the Icon was selected and refined again. The goal of this project was to use all the individual elements of form (point, line, curve, color, shape and space) simultaneously for the purpose of visual communication, and to continue to create harmony of form through repetition, progression, and formal logic.
![](https://freight.cargo.site/t/original/i/519791c34730a9ac64583ad0dd5b0476a40507334f7a6f432e4a98122516ab5f/Screenshot-2023-10-18-at-1.26.20PM.png)
![](https://freight.cargo.site/t/original/i/47fa2f5c620c9b860c9253df46e4572bd8d6ef8bf13d65e3e8e38fd6b7e6cdb9/Screenshot-2023-10-18-at-1.26.41PM.png)
![](https://freight.cargo.site/t/original/i/e6cc65bac3ac63bc38f497217ffb51ae466a22349bb9da881834228f8d345dec/Screenshot-2023-10-18-at-1.26.54PM.png)
“Consume” Poster Series
For this project, each designer was assigned a word. This word was to be mind-mapped, brainstormed, etc., to create a multitude of different sketches. Each sketch aimed to define the word “Consume” in it’s own manner. 3 of these sketches were then revamped in different fashions (vector art, collage, and large sketch/digital editing). Of these three, one style was selected, and the other two were remade to suggest that the three posters were a part of the same “series.” This produced the final designs pictured above.
![](https://freight.cargo.site/t/original/i/3734978dba02f69d10bdcd280c25de5939c2fdf2e6efde90070d2dbf4947a38c/Screenshot-2023-10-18-at-1.10.56PM.png)
“Cycle” Wordmark
This project began with a word brainstorming process which provided inspiration for the 40 different wordmark sketches. 4 of these sketches were chosen and refined (Sharp, Parachute, Cheeta, and Cycle). Cycle was refined further, and digitally rendered.
![](https://freight.cargo.site/t/original/i/2ca01b399ddc943f55c2b1b380463a6ad7eb835d003722677850f737035c4499/Screenshot-2023-10-18-at-1.05.53PM.png)
![](https://freight.cargo.site/t/original/i/7e6dc6f78e00320cda71ae527da6632d416d93a1fbaa1fb4637f6f13e065996f/Screenshot-2023-10-18-at-1.06.19PM.png)
Sketched “Flagged” Typeface & Ligature Board
This project began with with 10 sketches of the word “nod,” each in a different original serif font. After selecting a control group, the typeface in its entirety was sketched out, making use of uppercase, lowercase, and numerals. Once the kinks of this typeface were worked out, this typeface was then the inspiration for 20 ligature sketches. Finally, one of the ligatures was refined and rendered digitally.
![](https://freight.cargo.site/t/original/i/e98c80107380dfa629011a2e27e3075229f0055afeb15e3e0ff6be3f328d1c83/Screenshot-2023-10-18-at-1.17.03PM.png)
![](https://freight.cargo.site/t/original/i/e27d95346617b3dbed7e8f8f894d75646de20e98b987f583144ffd833b00e0ac/Screenshot-2023-10-18-at-1.17.17PM.png)
![](https://freight.cargo.site/t/original/i/4ed864daea26ae96d7be14bab4b2d902bd7619a06db8d46ca906ffa233465a6e/Screenshot-2023-12-06-at-4.29.53PM.png)
“Redacted” Typeface
This project began by reshaping Baskerville typeface. The typeface was distorted with the goal of no longer resembling Baskerville whatsoever. The font then went through multiple revisions using ‘A’, ‘M’, and ‘S’ as “test” to determine rules and relationships for the typeface. These rules were then outlined, and the full uppercase typeface was constructed.
![](https://freight.cargo.site/t/original/i/6b53cfe75e74f519c4935cdb08e8ebcacd6fc1beb575940b5b7ba32d4cf56c79/Screenshot-2024-03-13-at-3.23.27PM.png)
![](https://freight.cargo.site/t/original/i/3f0ac8a4a515e71ae0b1567cb881f7b3c2be2374a81b65cc9892b410c88064af/Screenshot-2024-03-13-at-3.23.40PM.png)
![](https://freight.cargo.site/t/original/i/188a0ba57df29d183eaeab0345816b315f8f374c302449160a2ceec48925e9a5/Screenshot-2024-03-13-at-3.23.51PM.png)
AAHD Alumni Collective 2023
The goal of this project was to create a cohesive spread (using Adobe InDesign) displaying questions and responses of an alumni interview, to be featured as a part of the yearly AAHD Alumni Collective. This project was reliant on the designers understanding of typography and layout choices.
![](https://freight.cargo.site/t/original/i/d98efc4211feb9ddf14a54b1209810aef9fa449702ad0bd61494952dfbf4d909/Screen-Recording-2023-10-18-at-11.20.23AM-1.gif)
![](https://freight.cargo.site/t/original/i/8057cfd550e46fa4cbc691b83054f7687113698bbfb650c50c5b9c67355dd384/Screenshot-2023-10-17-at-10.24.02-PM.png)
Event Bingo
This Bingo application is designed for a ticket selling company (i.e. StubHub, SeatGeek, TicketMaster, etc.). There are an overwhelming number of sites in this market, so a Bingo feature which rewards the user would set a company apart from the competition. The idea is that, given a person’s location of residence, they are generated a Bingo board with different concert/stadium venues in the area. Once a line of the Bingo board is completed, the user is rewarded with a free ticket to a show/game in their immediate area. This would encourage ticket sales, and would grant users a reasonably priced reward.
![](https://freight.cargo.site/t/original/i/e6cbd725b7db1adaf27464c75669a3d1e4dd673501c407754f8701d983ab733b/Screen-Recording-2024-03-08-at-6.27.42PM.gif)
![](https://freight.cargo.site/t/original/i/de9446e891233b9dca6ba1a46b5bf36d94cac8bc2922c87bb5bf7d3b8858a195/Screenshot-2024-03-08-at-6.21.59PM.png)
School Sync
Students often feel as though their personal needs are not met when it comes to the American Education System. Students need a method in which to clarify these needs to their teachers in order to be provided with ample accommodations. In relation to this, teachers need a method to be held accountable to providing these students with necessary individual resources. Not having access to these resources can lead to a reduced quality of education.
School Sync is a confidential messaging platform to allow students to express individual concerns and needs to their teachers. These messages ping an advisor, so that the messaged teacher is held accountable in both responding to, and accommodating for the students needs appropriately. This allows students to communicate effectively with both teachers and advisors. School Sync includes a peer communication feature, which allows students to discuss assignments, exchange notes, etc.
Many students often require individual accommodations when it comes to an in-class setting. However, teachers sometimes fail to meet each student’s needs. To resolve this issue, students and teachers need a communication platform overseen by an advisory professional (allowing for accountability from all avenues).
![](https://freight.cargo.site/t/original/i/50cef2e52ac7fa63c70c35c3241b64140f19744477f4b0e15317e17e65860ad0/JacksonTatge_Infographic.gif)
Post-COVID View of Vaccines Infographic
![](https://freight.cargo.site/t/original/i/5c4f825be3960a237a129e48ce2dc8f5ddf2b9e948252e8243e9684bc4aed812/BouncingBall.gif)