http://www.andrewtatge.com/work daily 0.75 2025-06-24 https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451777618816-PGBXYHBNJJTC603SLJNG/Fire+drill+testing+and+mentoring.jpg Work excerpts - Captive audience During a fire drill we took advantage of a captive audience: second–year MS students. They graciously gave us feedback while they waited to be let in the building https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451777055241-0K088VSR9AKMP8HK35AG/Revised+Design.png Work excerpts - Almost there… Last version that Ruby tested. Smileys are still an overall score independent of the sliders that can be changed. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451778526080-6GHVY6R5FJVIDP0IFC95/final+flow.png Work excerpts - Submission Design In our last revision we made the smiley an indicator of the total score given to the driver by the sliders, rather than an independent "overrall" score. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709755536-F06OT39SUH3CJ7RKEL2H/Lens+5+_+The+sketches.jpg Work excerpts - Early UI sketches https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452710134424-S2L3HKBMXDD3JN2WAKQ8/Lens+5_+Negating+our+own+design+and+trying+different+approaches.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709870861-1LP3023F6XE470D0BWJK/IMAG0639.jpg Work excerpts - Early ideas and sketches Some, but not all of these ideas got into our first design: "using words instead of numbers" and smileys. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709928424-GI3UTV3KF841BN891T91/IMAG0640.jpg Work excerpts A potential layout: a list of categories rated by selecting one of three smileys. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452209649322-OV87L73E44WKV69H7UVP/Lens+4_+Starting+to+organize+information+we%27ve+got.jpg Work excerpts - Karima in action Karima takes a turn at recording responses https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709590220-8BYKFYE90MS45QJBYLSH/IMAG0634.jpg Work excerpts - Team at Work One category was isolated from everything else. From left to right: Ruby, Karima, Nawa. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709685413-FMB1TI7FGOJQYWRRD47V/Lens+4_+Organizing+Current+Information.jpg Work excerpts - Categories of concerns We underestimated how much room we'd need. "We'll just use a marker instead of moving and adding sticky notes all the time." Oops. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459578142006-8ENZNGP0S6KYY6794P7V/rate+now.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451803244544-YROQEUHVZ9I4AFPEY264/no+ratings.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451803244567-KNH4RZPP93ERCE0U11U2/one+rating.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451803244354-EA81LXCCYCQIRYHZT6LD/2+ratings.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451803244358-QFDUVB4NOCJDKY0IT7DX/3ratings.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451803244710-APV90THLT38WVCCLYCD1/receipt.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451776714061-8DIGKGJ633D2DXEN3QXZ/arrival+.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451776712867-VAVUR9HDFMEQSWO0BSNU/Screen+Shot+2016-01-02+at+5.15.35+PM.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451776712879-8M49H4HK1U4UABUTYZQU/terrible+car.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800657202-GAJNUK589CO7L1CQT81O/sketches+one.jpg Work excerpts - Brainstorming Teammembers sketched ideas to share with the group. This is the sheet I used. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800681380-XCDVUD1SUSP1XAW97V72/sketches+two.jpg Work excerpts - Iterations List This was an informal checklist of the variations we agreed on and needed to make. The red checkmarks indicated having it ready to put on our poster. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800407662-BNXBJ4KRWQSLH40IFFX3/poster+iterations+four.jpg Work excerpts –Ipod/Smiley rating wheel -Snowballing ratings -Color coded, no smiley ratings https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800515986-VCQKZ0LFB1GEYOAOH9D0/poster+iterations+three.jpg Work excerpts Smileys with… -Speech bubbles -Frame when rated. Unrated sliders have "sleepy" smiley. -More descriptive words https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800580134-C40D19ZQY689BVQCJQNX/poster+iterations+two.jpg Work excerpts These iterations lose the smileys. -Speech bubbles. -More specific language -Tables instead of sliders. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800599523-Q9CRUOD6ZE5NZ3DB2RKV/Poster+iterations+one.jpg Work excerpts - Colors and Symbols Using symbols and colors. These were the least well received. -Color visible on selection; Symbols always visible. -Color and symbol always visible -Color and symbol visible on selection https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709207513-MRG47UPT2NEHEX9NM358/image-asset.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459626909556-IIUE0K8KPSKN990HS9A6/image-asset.jpeg Work excerpts Left to right: Zuheir, Mehul, Myself, Yiying https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459962690833-KIU90H9EZE7DZAG43YBA/eme-2-floorplan.png Work excerpts - Finding Single Item The selected floor and features present on the floor are shaded in their respective menus.   https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459962688332-1IQ7KTRBMC8IBM23T3EP/eme-3-knoxbox.png Work excerpts - In Greater Detail Clicking a feature on the map gives any pictures and recorded information about that feature. If not on call, this information can be edited. During a call, this is not editable. We didn't want information accidently getting affected during a hectic emergency https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459962687974-8U9SFUD3YYIX7D756YV3/eme-5-exits.png Work excerpts - Finding Exits Clicking on the icon from a list shows where that feature is located across all floors. When there's more than one floor with that feature, like exits, all are displayed with a label for which floor it is on. Choosing from the depicted features will change the map to that floor. If there's only one of a feature in a building, it will go directly to the floor with that feature. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459962689146-UN9V2Y0CXTOUS1I6MJG7/not-1-search.png Work excerpts - Not on Call If their station is not on call for an address, firefighters can look up an address and add a pre-plan. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459628067521-MLL30JMMJ5PQYUMJBW54/IMAG0840.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459965411931-B3ND4350CYLHTX9PPWRX/paper+proto.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459627318283-OH8S5KOKHEZJKBDHZ3O1/IMAG0810.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459580033666-6WC9S7WJ89SGE01BN7HP/10_25-Voting+on+problem+statements-Andrew.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459580055336-TI5LL0PJ7AOY9QJAZTAD/Yiying+writing.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459580103385-IR9EXIB7NP2WRW8O4W82/Mehul+writing+on+board.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459627267384-QIKGBJ3R6RA0V9A5BQ2V/IMAG0727.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459627408335-1HPP34O6WBPQRHL4JUMM/IMAG0806.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1487145316160-SZW7GMKN4B0CUUQTBZ90/Cover+Page.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1487145129488-IG6JMSYNW3MIRHY1MYE5/1+of+WF.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1487145129395-QKZCFOE96RDNY5JZJFSW/2+of+WF.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1487145132143-KSQOJNCZMFW08XKFA9OD/3+of+WF.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1487145132216-Z3B54SBXEP0KZK0SI4SY/4+of+WF.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1487145126989-W5BUC5LRU8ZRN2K3HZWJ/5+of+WF.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1487145126810-1HFLJV10Q7GKEVTPWHLF/6+of+WF.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459629532258-16DS6MV44RQ71YQFTPRG/IMAG0764.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459629428247-C2EK8QBMBK6UP2H5EDJM/IMAG0766.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459629726107-341A648FU5K0KYPKEJJ5/IMAG0768.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459629790424-NSCODY9VPV5B1W20K9HI/IMAG0771.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459629429658-H1IH575VHYVNCVWH1M1Z/IMAG0775.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459226830317-NL7IPLY76AP2ZDZKOX05/IMAG0784.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459226988516-5NQVVDZUJJR2L30FI3WS/IMAG0800.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1460006107974-BHY0Q5U1PTC6BZ2VA7VW/image-asset.jpeg Work excerpts "Wow it's really intuitive!" or "I've seen one of these before!" ? https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709755536-F06OT39SUH3CJ7RKEL2H/Lens+5+_+The+sketches.jpg Work excerpts - Early UI sketches https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452710134424-S2L3HKBMXDD3JN2WAKQ8/Lens+5_+Negating+our+own+design+and+trying+different+approaches.jpg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709870861-1LP3023F6XE470D0BWJK/IMAG0639.jpg Work excerpts - Early ideas and sketches Some, but not all of these ideas got into our first design: "using words instead of numbers" and smileys. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709928424-GI3UTV3KF841BN891T91/IMAG0640.jpg Work excerpts A potential layout: a list of categories rated by selecting one of three smileys. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459578142006-8ENZNGP0S6KYY6794P7V/rate+now.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451803244544-YROQEUHVZ9I4AFPEY264/no+ratings.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451803244567-KNH4RZPP93ERCE0U11U2/one+rating.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451803244354-EA81LXCCYCQIRYHZT6LD/2+ratings.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451803244358-QFDUVB4NOCJDKY0IT7DX/3ratings.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451803244710-APV90THLT38WVCCLYCD1/receipt.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709207513-MRG47UPT2NEHEX9NM358/image-asset.png Work excerpts Final Wireframes of an Uber rating system redesign https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451776714061-8DIGKGJ633D2DXEN3QXZ/arrival+.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451776712867-VAVUR9HDFMEQSWO0BSNU/Screen+Shot+2016-01-02+at+5.15.35+PM.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451776712879-8M49H4HK1U4UABUTYZQU/terrible+car.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451777618816-PGBXYHBNJJTC603SLJNG/Fire+drill+testing+and+mentoring.jpg Work excerpts - Captive audience During a fire drill we took advantage of a captive audience: second–year MS students. They graciously gave us feedback while they waited to be let in the building https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451777055241-0K088VSR9AKMP8HK35AG/Revised+Design.png Work excerpts - Almost there… Last version that Ruby tested. Smileys are still an overall score independent of the sliders that can be changed. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451778526080-6GHVY6R5FJVIDP0IFC95/final+flow.png Work excerpts - Submission Design In our last revision we made the smiley an indicator of the total score given to the driver by the sliders, rather than an independent "overrall" score. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452209649322-OV87L73E44WKV69H7UVP/Lens+4_+Starting+to+organize+information+we%27ve+got.jpg Work excerpts - Karima in action Karima takes a turn at recording responses https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709590220-8BYKFYE90MS45QJBYLSH/IMAG0634.jpg Work excerpts - Team at Work One category was isolated from everything else. From left to right: Ruby, Karima, Nawa. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452709685413-FMB1TI7FGOJQYWRRD47V/Lens+4_+Organizing+Current+Information.jpg Work excerpts - Categories of concerns We underestimated how much room we'd need. "We'll just use a marker instead of moving and adding sticky notes all the time." Oops. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800657202-GAJNUK589CO7L1CQT81O/sketches+one.jpg Work excerpts - Brainstorming Teammembers sketched ideas to share with the group. This is the sheet I used. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800681380-XCDVUD1SUSP1XAW97V72/sketches+two.jpg Work excerpts - Iterations List This was an informal checklist of the variations we agreed on and needed to make. The red checkmarks indicated having it ready to put on our poster. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800407662-BNXBJ4KRWQSLH40IFFX3/poster+iterations+four.jpg Work excerpts - Proposals 1-3 –Ipod/Smiley rating wheel -Snowballing ratings -Color coded, no smiley ratings https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800515986-VCQKZ0LFB1GEYOAOH9D0/poster+iterations+three.jpg Work excerpts - Proposals 4-6 Smileys with… -Speech bubbles -Frame when rated. Unrated sliders have "sleepy" smiley. -More descriptive words https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800580134-C40D19ZQY689BVQCJQNX/poster+iterations+two.jpg Work excerpts - Proposals 7-9 These iterations lose the smileys. -Speech bubbles. -More specific language -Tables instead of sliders. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451800599523-Q9CRUOD6ZE5NZ3DB2RKV/Poster+iterations+one.jpg Work excerpts - Proposals 10-12 Using symbols and colors. These were the least well received. -Color visible on selection; Symbols always visible. -Color and symbol always visible -Color and symbol visible on selection https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1487189617413-T6MDP6GBI7T24TZD99KN/image-asset.jpeg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496202984229-BL1UWO84R4EZ8ILXE0E2/image-asset.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496256565663-TOIIMI3EQ0Z8XQV6TQSR/image-asset.jpeg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496118284319-SOVQE0YX6MI12AW1R8HI/image-asset.jpeg Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496207246135-QUMB654LTRFV5UIMWY24/5+Appendix+Settings+page.png Work excerpts 5 On the Recipeas setting screen, the user can select which app is used for Recipeas shopping list exports. Reminders for a weekly grocery shopping day, as well as "Day Before” and location based reminders can also be toggled. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496120802057-9EB2VCXIGJG1WUSDV4IA/DSC06236.JPG Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496202833504-3D28XK7N9LTQYWOJD44Z/image-asset.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496255896116-PEHGGZWD0GDJR6N6WXYJ/Recipeas+logo.png Work excerpts Our logo incorporating the different meal themes a person could select from within the app. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496206631925-VWLCE7IHGODA5FKLFPPS/2+Screen+2.png Work excerpts - 1 Selecting a theme 1 A user can swipe from one of three themes: “Filling”, “Something Unexpected”, “Pretty and Petitie”. Every week, the recipe behind each theme is replaced with a new one. When a user selects a theme… https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496206818886-OZGREYWGQBSHWA0MFEM9/3+Select+this+recipe%3F.png Work excerpts - 2 Seeing Today's Recipe 2 The recipe card expands and flips over, revealing a recipe for that week's meal. If they press “Plan It!” the ingredients are exported as line items to the user's preferred list, note, or reminder app. The “Plan it!” button is replaced with two new buttons… https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496206976755-BJQHCUOJZ64LDMVSLYF2/4+Recipe+selected+Cooking+reference.png Work excerpts - 3 3 They can toss the plan to pick another of the weekly meal options. If they have cooked it… https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496207383143-6QGN6NRILZAUANAD8T0D/7+Appendix+Settings+page+Copy.png Work excerpts - 3 Going Into the prep list   4 The “cooked” meals go into a collection where they can be easily referred to or be re–planned (and added to a shopping list). In this way, a person can gradually build up a repertoire without being overwhelmed at the onset.   https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496207303172-YKBSEA4PO0BSPDMJE9TD/6+Reminder.png Work excerpts 6 Depending on the settings, the person can get a reminder about their meal plan on grocery shopping day (which they set), the day before, or when the person is in the vicinity of a grocery store. Swiping on the reminder brings the user to their shopping list (not the Recipeas app). https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1487142224590-UBID2UU1FGR20FEFZ0FX/Uber+Rating+System.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1487142290867-X7FVIHX57GDFADEFW0MQ/PrePlan+Viewer.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1487143045768-07M46HMJMXVUH1N0FWE1/Graphic+Design.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1496251113141-4GA74HJR5XG0RARA0OFY/Recipeas.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1731609890357-ZOJ4BOPDJCGH2XQ9TCOC/GrinnellMutualG.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1731609999488-WQD86KVU4IQJWFZEU44N/principalP--600.png Work excerpts https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451794018254-M4QKACBVCU39F5DJSY6W/Rectangle+1+%2B+Swipe+.png Work excerpts http://www.andrewtatge.com/new-gallery daily 0.75 2016-04-06 https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1458922305876-P90YITPI2Y5JEMIXHXVA/image-asset.jpeg Proof Of Creative Suite Competency - Piano Recital One Year 2012 Software Illustrator Context An old roommate, Kevin Chau, told me he wanted something minimalist with electronic overtones to promote his Master’s Piano recital. He suggested sound waves as a motif, which helped immeasurably. This allowed me to chronologically list the composers, imply piano keys, and incorporate the electronic motif in a succinct way without resorting to cliché piano imagery. The end product was simple, but layered with meaning about the past and future of music. The spare design also let me showcase a flashy typeface: “Metropolis 1920” by Josep Kelava. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1458922305876-P90YITPI2Y5JEMIXHXVA/image-asset.jpeg Proof Of Creative Suite Competency - Piano Recital One Year 2012 Software Illustrator Context An old roommate, Kevin Chau, told me he wanted something minimalist with electronic overtones to promote his Master’s Piano recital. He suggested sound waves as a motif, which helped immeasurably. This allowed me to chronologically list the composers, imply piano keys, and incorporate the electronic motif in a succinct way without resorting to cliché piano imagery. The end product was simple, but layered with meaning about the past and future of music. The spare design also let me showcase a flashy typeface: “Metropolis 1920” by Josep Kelava. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1458922012252-DKIOGD48E6HYJ7XW8THR/image-asset.jpeg Proof Of Creative Suite Competency - Piano Recital Two Year 2013 Software Illustrator Context Kevin Chau asked if I'd do another poster that was clean and modernist like the "sound–wave" one had been. I created a display typeface of letters made from piano key in Illustrator, but readability was an issue. I tried abstracting the piano shape and came out with something inspired by Saul Bass. Wanting to give create some depth and complexity, I outlined the rigid framework with varying, inky flourishes. In hindsight, I like how the central image is framed, but I'm a little uneasy about how some of the other information floats. Also, the body type's color coding of composer, song, etc. suffers from readability issues. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1458922080120-0XNS04WSDOPB4TYFVTSU/image-asset.jpeg Proof Of Creative Suite Competency - Freud Book Cover Year 2008 Software Photoshop Context I was creating a book cover for my graphic design class. I had read The Interpretation of Dreams for an Introduction to Religion course and was intrigued by the idea of doing something related to dreaming. Rather than go with phantasmagoric imagery—more appropriate for Jung maybe—I wanted to find something that bridged the mind to something more clinical. I searched for antique skull diagrams on Google; the challenge was finding an image that did not overemphasize death or the mechanical aspect of skeletons. I did not create the illustration or the copy. The graphic is taken from an illustration by Christian Wilhelm Braune and reprinted by the U.S. Government and is part of the public domain. I did choose image, the typesetting, color scheme, and create the layout. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1458922124692-WHH78B8MKKUKB092UAO4/image-asset.jpeg Proof Of Creative Suite Competency - Police States in Film + Foucault Software Photoshop Year 2008 Context: This was the poster I designed to promote the presentation of my Cinema and Media Studies comprehensive exercise, or COMPS. The lower half associates blue with the resistance movements in these films, and red with the disciplining faction. At the time I felt clever using Michel’s Foucault’s eyes and lenses for the “o”s in “panopticon,” but in retrospect I could have integrated top, bottom and text in more cohesive manner. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459633982315-UPA8JJFB3431FALZIVR9/final+bridal+poster+.png Proof Of Creative Suite Competency Year 2013 Software Illustrator and Photoshop Context Before leaving Proof Restaurant to work at The Cheese Shop of Des Moines, I was asked by my manager if I would create a design to promote a multi–business showcase at the restaurant. I wanted to get practice using photographs and color gradients after doing so many "flat" images. I took a photograph before service one night of a champagne flute to hint at the theme while creating depth and contrast with the restaurant space that would host the event. The display font "Fancy Me" was designed by Marie Michelle Dupuis for use without restriction. Logos were provided by their respective companies. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1459959212340-HEMCPWBJODYZW90DYFD4/bigCityBests.jpg Proof Of Creative Suite Competency - Big City Bests Dinner Year 2013 Software Illustrator and Photoshop Context While working at Proof Restaurant, I took advantage of the restaurant's monthly dinner theme to practice graphic design. I started with a big, imposing serif font to use as a mask over a map background to reinforce the theme. To get a high quality map I used the USGS National Map service to look up different maps of San Francisco—one of the cities used in the dinner. I settled on a section that had thick red highway lines that added variety, flow and invited closer inspection. I wanted to make the big down arrow a more obvious southern tip of a map compass, but toying with the arrow width and adding the other three cardinal directions, diminished the overall impact and readability. http://www.andrewtatge.com/game-design daily 0.75 2025-06-27 https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/fb18238c-3b88-4db9-837c-d36dab754294/Gold%3F%21MINE%21%21%21+Tatge+sellsheet+.jpg Game Design - Make it stand out Sell sheet from May 2025 https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/e282b7ea-5ee0-40ce-ae7e-7e15fab359b3/game+setup.jpg Game Design https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/5e4ce572-1eab-42e4-a71f-58eb693f3e2f/FB+image+of+early+prototype.jpg Game Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/96a2b6c1-987b-45dc-9c72-d106e9a91844/game+setup.jpg Game Design http://www.andrewtatge.com/swipe-thermostat daily 0.75 2016-03-16 https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1452105505996-79OM8L6IP3TZ4JJ7RBJM/IMAG0604.jpg &nbsp - Peter sorts Peter sorting through different sketches, iterations and states. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451719140446-CN3WVUHDLI1IFZR3DU56/IMAG0598.jpg &nbsp - Preparing a spinning wheels Me preparing for a paper prototype of an animation https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451757791772-TYS4PDCX78XBQF7B7IAS/drawingboardOne.jpg &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451720692097-RRZADL292PDUCCKLUQIH/dirty.jpg &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451720619777-CXLMPQ6O83QT5J6E0UQ3/drawingboard+Two.jpg &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451720588477-IT431837TML6FPQ5708P/dirty+two.jpg &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451721116866-NJE9T6FKLBX0MSEUI2MY/IMAG0602.jpg &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451756795279-SEZZ2E9SVB08503KURHN/IMAG0605.jpg &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451757217690-WWHDLQHG9XB47EIBSHEV/IMAG0615.jpg &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451756160728-7OGDTHW2F73Q39CUQON0/IMAG0618.jpg &nbsp - Paper Test Prototype Before the temperature is turned down https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451757208060-NZ4KMLBOE6SEXBCRYNAY/IMAG0610.jpg &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451758430939-AOMHD9YM4Q05U20IC0PI/Pre+Smart+72.JPG &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451757309224-PO79B8B8G8V7YOLQ5VWF/IMAG0616.jpg &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451807000023-ACVSF2COUQVDDJSF4G6J/Final+one.jpg &nbsp The final sketch of our thermostat design. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451758661441-8VIG7PYG6SAAA8B7BQ58/After+Main.JPG &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451758670106-WW9W0700SJNK5D3FOLAU/Scheduler.JPG &nbsp https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451718603313-S5C88CB46JDVR7STWT1M/image-asset.png &nbsp Across the top: Power, Fan, pull down menu, A/C, Heating. The last two were mistaken by two separate peers as temperature up and down buttons. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451793966442-CIRAWSYG9BXUXKVE0IXG/Rectangle+1+%2B+Swipe++Copy.png &nbsp http://www.andrewtatge.com/about daily 1.0 2025-06-24 https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/ef4e7ede-80a1-4f32-9d74-951144403fc8/Tatge+9-2024.jpeg About - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1451707606550-ATJVXH1TF67PBQUCA6K4/HCIConnect_Final-Tatge.jpg About http://www.andrewtatge.com/resume daily 0.75 2025-06-26 http://www.andrewtatge.com/work/museum-experience daily 0.75 2025-09-05 https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1462312944788-7BOZITTG4UDWCML9CN9E/IMG_0105.JPG Museum Experience https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1462307862394-9GPM4EVAOS1LP1KF7XDF/File_003.jpeg Museum Experience https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1462307862607-SOTIJCHMDJZUE5K2HMBL/File_002.jpeg Museum Experience https://images.squarespace-cdn.com/content/v1/56874bbd69492ea07bc2113c/1462307902799-EZKRBJNJF98KM4S70O3Q/File_000.jpeg Museum Experience