https://www.jeffchangart.com/work2 daily 0.75 2019-04-14 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435789356256-ATK6TZZBDVTAEQZF114K/giphy.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435789506567-KOVZ6FBDNKWYM7ZWWLZI/cd_storyboard+copy.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435285526123-VCGNXWI6N4A194674RP5/starlord Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435286937770-RE3QMZ32AISUNLR04AHS/brand_ambassador Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435287751443-PX25YUZI7MRHN1CD2BQB/landscape Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435533768927-ZCR317NW8MDZCXYBQFBD/bento_tumblr.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435533780210-RA5CS4VI7XZLS9XN5LUH/tofu_soup_tumblr.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435533796584-HNKO78HQ42IWZXC27E4T/ramen_dribbble.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435533835117-KKKC43DCGGYMI7D7AG4B/spam_musubi_tumblr.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435533851574-WVXYEENYTV5FF4V4NB17/cat_dribbble.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435533865940-ZOA5ICUJZZ6Q1P4E4X9F/sushi_boat_dribbble.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435533916394-R1OJ1K5OO9QPLELA1S2F/dumplings.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435533925599-CZ3V5QCTLGHDRU0YNIGO/volcano_burger_tumblr.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435534204535-JWI7HXWE78UGT01O1TM9/Get_your_onboard_on3.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435534214632-OOEYOMXUVDOIQ94IXRWA/get_your_onboard_on4.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435534216866-9WA7D2N4TGTPT75QT4RW/Get_your_onboard_on2.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435801833110-1K6356C996SZNZ84Y96Y/Tooltips.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435801838100-KXB5D9KEFU431MKNSF1B/Switch_Views.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435801864382-WDWNOK3KKQLJP7KH49SR/Employee_Profile_3.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435801797149-X3Q1PFFAPQ6YV9F9N4HS/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435860715787-DXGS6HAUG7BEDAR9YVS3/onboarding_demo.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435860729225-0B1PI3ILMJORWXR3L3V3/Connect-with-your-team.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435801645564-2MWYY8FCK1SB7PBO1R08/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460946703125-SJV9OEO1DZO3M9FSPKOB/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435552575411-5W9IISEV20XPIQN7783V/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435803727935-YFUWMXI49VRG9MM11M3T/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435804498250-Z0PEKGAYYCVKM1JH3Y0B/arson03+low_res.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435804482751-Y0709QKXWVYB5P6DVY82/arson04+low_res.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435804484540-IA7IHDNNA4VSPRR6F0V9/arson4+low_res.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435625852334-G9ZP96W5W4H7AAMEY93H/tumblr_mcbd552dHB1qawu4fo1_500.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435625855886-11NB1Y5B20HMGIV3FBUJ/tumblr_mcbd552dHB1qawu4fo2_500.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435625859908-UI2E1HQ9ZPUH3H6AU9ZS/tumblr_mcbd552dHB1qawu4fo3_500.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435625833853-HTMHM8GS08PQ1PED97A3/afterman Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435626314365-BX51U3HT27M96RBJWZ3S/apocalypse Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435628305352-SCA7YKGKN8Y5SEBD0NRU/shh Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435628584103-DHRQNQMFK7JOC9RUU8NF/sheriff_frankenstein Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435727339841-T5F2PKE0FQZCM3TKKD0S/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435727369890-1EPAA2AARZESBA2MED91/tumblr_ld7ce0vqzO1qawu4fo2_1280.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435727372998-BHDK6GSFH8DCI42J2V83/tumblr_ld7ce0vqzO1qawu4fo3_1280.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435727377260-LS0J5VWDXGDR99EBE8TN/tumblr_lbj88x24XG1qawu4fo1_1280.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435727380463-TNXBDM15AUMVOBXLNLAN/tumblr_lbj88x24XG1qawu4fo2_1280.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435901570862-Z36XB0SKXIQNTEZNUFY2/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435901492076-SB9TBVT8YHK15GAX5RMD/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435902587980-HCC84EU7ZF2Z61OEUBHD/image-asset.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435957654341-BZXQ637LRU6KE14IO9LR/image-asset.jpeg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435957877699-KYZ9OHZ01YVLL4B5XGYS/dreamers_2.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435957877525-M4U9NU22AMUJWGT6IDQP/dreamers_3.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435957878059-9ASNG02WK44YA0FO7F4A/dreamers_4.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435285509726-RXUOJ9JH5O8S01ADK4VC/Starlord_thumb.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435286903483-ODGBJAQ7Z57M4YDP3W1E/brand_ambassador_thumb.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435287711575-YP6ZK504QDLSVOCKWZ2Z/landscape_tumblr.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1461376477745-O09SW7IEWTB4WE75FVLC/CD_blog.jpg Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1461377219480-TCCWVAGODA4CI2P6BM1P/Screen+Shot+2015-03-08+at+4.25.13+PM.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1461378388857-NR04GIJQ0678IY29U9II/Screen+Shot+2016-04-22+at+7.26.09+PM.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1461378516020-9KPZBHM2G8OJCLOX1AW5/Screen+Shot+2016-04-22+at+7.28.15+PM.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1461380151064-9B4SSM0KPXK765I7EZJ7/Screen+Shot+2016-04-22+at+7.54.42+PM.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1461383387773-WQTNZ1BNPBLAYUELUY8J/Screen+Shot+2016-04-22+at+8.49.19+PM.png Work https://www.jeffchangart.com/welcome daily 0.75 2013-07-09 https://www.jeffchangart.com/new-gallery daily 0.75 2017-12-28 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1513896377964-JM864H19SRJI0RMPNCWN/color2.PNG New Gallery - this is a title this is stuff https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1513896377964-JM864H19SRJI0RMPNCWN/color2.PNG New Gallery - this is a title this is stuff https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1513896392053-1VGV5X9GRY0J4LV92FQ4/Snow.PNG New Gallery - this is another title heres more stuff https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1513896396763-EKDEZZXSY6UWL47O61TS/color5.PNG New Gallery https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1513901038997-GJS7WPWDOX5L5EOOPQND/snowpanda.gif New Gallery https://www.jeffchangart.com/work daily 1.0 2020-06-11 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1554768288414-FVC1H5LN830VWXQVE7EQ/leapmotion_gallery.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1554653663593-A5EOO458KYNHUIC3KY9U/comparison2.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1554682301672-2E0MQW8H9JPW8ODR5TWO/signs.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1554653654447-388N4FODIX8WROSHC1KH/bear_test.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591459127411-G6NVJ3M59B4DX0VVCL9X/Alexa.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590872759320-W1DMGPVNOJM296K9J8R1/voice.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590878584469-33IHTX1P74VGFZ26LINO/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590872457015-EQ6ST9UM11PAIIU3CO4K/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590873536200-NH60POSZAGODWRMRUI28/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591473628639-9XJ0J0P4C5MJI53Q6Q13/image-asset.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590872205821-W1T9NYN24IKCPDMV2096/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590875237701-LAA5942TH2YI50NZ52E6/onboarding.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590940675551-FE42BITW6GX8PEM7XP48/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590942507256-AGMFEVNY4M30Z0U9OA2S/voice.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590875278628-WYSJY0VULHU5IRAIXKDA/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590875465979-9SXEKCW0LRDLPGRI7OQO/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590962221323-V6VZKOTRS3UBPC3JRT0Z/IMG_6197.GIF Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590963312354-H6IH8ADPK4HB54CEM4PP/blog_posts-compressor.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590960999434-QYDFU36CLCZ6DXSB8KT0/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590961843559-C6OLPE61IBAH8EOLAXRK/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590961596376-PONNIRE36DPX87ABOYRX/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590962630721-LW8MEOUFGYDMY1575XYA/VJ.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591551867098-5ZCIWF6ZWHE7MQF6SWE9/library.PNG Work UI patterns that the new component system is based on https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591549394710-10R15JYMX0WTI7L66UQI/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591565165214-LIE1WEQ21VQ5YBB7RJG1/controller_2.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591558903541-V0FU4R16U7UB3J4ZJSY3/UI_pattern_4.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591556078061-9TIKWQKUF7MFG7ZQE70J/Hand-Menu.PNG Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591551939241-A7BTZG7SG8L55JMG4N0T/handmenu.gif Work An early prototype of the menu that utilizes the new components https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591549151950-ZZ2TWN8P8N431UXT1MHX/2Artboard+1.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591569291093-2OZ76ZT8EWN3Y7UDQDIM/NewMenu.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591479290122-LQEJ1EUUGC5ORU7U1369/hal_concept.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591478996170-JUAQVAGJJJRPUSPPWOO4/evolution-01_small.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591479077193-NO5X83N387DGK30VDU9H/voice.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591478900412-9GEBBADOHLO8LLN34TZX/2Artboard+1.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591479132550-NXAZ5BIB44VDK3G9YDKX/handmenu.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591463702586-T1OM808FXUH2X059WFON/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591463725302-178Q30RL6RDBI5USY8PL/handmenu.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591471708337-B84C7YQXI3QYFB4XLWFH/UI_pattern_4.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591393661336-XZYTSUX5XO3RKHW436VF/voice.gif Work Previous Handmenu design https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591391284206-Y3TBDUP21MJFOSR5XZHV/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591391624733-BZ7E4O2E99NOJDHLV05X/2Artboard+1.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591392932173-45BIWLQB7858BOEPBFAX/controller_concepts.png Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591462791460-MH90M6LLR1Z75SAHIFJ7/VariantFuse.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591392338148-F9IIAJSKYHN3XI2TX5PF/controller_2.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591398172539-8V5WAZLGC9ABONDDCC6C/Hand-Menu.PNG Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591393041582-75L8WRAND3C5NPA6588N/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591745504706-VAMEC05KBOH512XTGT8X/image-asset.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1554769042441-GN3UKK5LSIG9870JV21J/sloth.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590869173398-QX1Q3TOIF3XSU1485IXT/AzureKinectThumbnail.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590871071807-V9NOI4B41NBIJPOGI7XN/tempura2-compressor.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590871405530-CE69DMCLPAPU0YZXWPWU/rp_weather.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590943919946-RL7TGBQ5L50NVAL477TJ/cd_thumb.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1590963285942-2RVY9EUJTLZVKHITSX47/telecommuting_dribbble.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591477430098-9XD5WJ6FN1EU9ZUNP9G3/astropup.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591548016540-V0VUGZ1GDMIC9D7A14Q0/mindshow.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591548084574-29BH3LVFB5YEP07ZIQTR/IrisVR2-compressor.gif Work https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1591574023788-IKF1OWOW476Y7UQ94B3C/Banner.gif Work https://www.jeffchangart.com/itadakimasu2 daily 0.75 2018-01-19 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514434112337-OJL0V9W007G4QKBK95QI/sloth.gif Itadakimasu VR Experience https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514424884556-58KW5O64T2YW0IPJDPB4/image-asset.jpeg Itadakimasu VR Experience https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516338740764-Q1E2GZVELQU7O8UHJDNH/plan1_2.jpg Itadakimasu VR Experience - Ideation and Planning The goal is to create an emotional response through interactions between the user and animals. To me, it was most important to get the interactions right. Once that was achieved, I could then start playing around with the different types of animals and animations. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514424917162-9K6UL7XJL72XSU6Y8PIX/detector_example.gif Itadakimasu VR Experience - Interacting with the Leap Motion I chose to work with optical hand tracking using the Leap Motion in order to perform gestures that were natural to our culture. Although an analog controller would have been great for haptic feedbacks, the Leap Motion provided an experience that was more personal and intimate. Using Leap Motion’s detector scripts, I can easily detect what the user’s hands are doing. This can be anything from figuring out the palm direction to seeing if the fingers are curled or extended. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514426054887-WWQA7TAXGX4HSKSMPB0M/leapmotion_gallery.gif Itadakimasu VR Experience - Cute Animals One of my biggest inspirations is taken from PARO, the therapeutic seal robot. PARO is an advanced interactive robot used in hospitals and extended care facilities in Japan and Europe. You can read more about it here. I wanted to emulate that same sensation of joy through animation. In addition to reusing the sloth from my previous work, I added a red panda, an otter, and a hedgehog. Rather than going for more realistic animal behaviors, I wanted to place these characters in funny or unusual situations. For example, the red panda spends his time eating ramen or the otter is getting ready to jam with his clam guitar. In order to ensure good feedback, the animals are highlighted whenever the user gazes at them. This lets the user know that they can start to perform an action. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516338664340-4KMAE5L6RI6CXG4EZ4L6/environment_plan_2.jpg Itadakimasu VR Experience - Environment as Onboarding Rather than have the environment act as a simple wallpaper, I wanted it to be central in guiding the user, so that a first-time user would be able to see hints of what to do embedded in the background. In order to do that, I made sure that instructions would ‘frame’ certain animals. For example, the three hand gestures are integrated as flyers that rest above the red panda and otter. This ensured that the discoverability of these actions were high. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514425033586-LIBLUSQBF9VQLN10T7TH/medium2.gif Itadakimasu VR Experience Taking cues from the interior design concept of ‘vignettes,’ I grouped my environmental objects around each animal as a picture frame. So not only was it pleasing to look at, but it conveyed the necessary information, as well. For the sloth, I chose a slightly different approach. The sushi conveyor belt sits in the foreground of the sloth. Every so often, the user will see the same three hand gestures as signs that pass through along with the sushi. The conveyor belt is also meant to guide the user’s eyes so they could follow the sushi to see the rest of the scene. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516338581707-BGN3VZCW98J52LX13OXT/end-01_small.png Itadakimasu VR Experience - VRLA Reactions Overall, there were strong positive reactions to my piece. The Leap Motion worked well and everyone reacted naturally with the gestures. I feel this would have been a different experience if I had gone with a clunky controller. I did notice that some of the participants assumed they could do any gesture, other than the three, to get a reaction. Some of them waved and even used voice commands like saying “hiiiiiii.” Another observation is that several people were not immediately aware they could turn around to see more animals to interact with. This has to do with the user only being able to see one animal at a time, with the others being out of their peripheral vision. I feel if I had four animals, they would be evenly spaced for the user to notice and want to turn around. This also presents an opportunity next time to experiment with light, shadows, and sound to gives cues for users to turn around. In the end, it was truly heartwarming to see most of the participants leave this experience with a laugh or smile on their face. If you’re curious about trying this experience, you can download it now from Leap Motion’s website here (Requires an Oculus Rift or HTC Vive with a Leap Motion). https://www.jeffchangart.com/more-works2 daily 0.75 2020-05-31 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516573530250-70KFZNIJY3UF7RK9QATU/telecommuting.gif More Works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514432008294-P7GQ11652M9BHT7I5YEQ/food.gif More Works - 3D Food When I first started learning 3D, I often practiced by modeling the food I ate. Sketching and documenting what I saw became my routine. Food was a great subject because they come in so many different forms and shapes. My approach to food modeling would change depending if it was more organic or hard surface. To me, it was the quickest way to learn new techniques. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516572303551-8V1OX00XZ2HKY6MLORPC/blog_posts-compressor.gif More Works - Editorial Illustrations In order to establish HR Cloud as a thought leader, our marketing team employed several industry leaders to help guest write our blog. I worked on several editorial illustrations to accompany their posts. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516573872820-J1RQKCSGWLF4CI2DVZ8X/tumblr_lkv7xeTjQ11qawu4fo1_1280.jpg More Works - Cover Illustrations I illustrated covers for various publications in Los Angeles and San Luis Obispo. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514429475620-OF1YNNNI9XCNUPQ6HPSV/image-asset.jpeg More Works - You Giraffe Me Crazy. https://www.jeffchangart.com/directory-app daily 0.75 2019-04-10 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514506707090-HAAYTXD4JABYBAMUJ7XM/dribbble.gif Directory App https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514432395898-D83NBN0FM2Y7SOINDYB6/image-asset.jpeg Directory App - Marketing Video Directory is an app that lets you 'put a face to the name.' It connects employees together and reinforces company culture and team building. For its marketing campaign, I wanted to visually show the effect Directory can have in the workplace culture. The video illustrates the app's features and ability to eliminate the common pain point of not knowing anyone, especially your direct team. https://static1.squarespace.com/static/554d027ae4b0ee9452bd814b/5a44675d0d9297c6887ccce0/5a44678bcd84a5215177b0a8/1514432395399/ Directory App https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514432449172-SOSUFMDGTSQ3MDV60P27/onboarding.gif Directory App - Onboard Animations We carried the playful animations into the onboarding component. It was a delightful moment we wanted to make sure the users have as their first impression. The animations were mocked up in AfterEffects first before exporting it for Xcode. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514432517081-W076YCC5HA9ZEV4XY33G/framer.gif Directory App - Interaction Prototyping During the development of this project, I realized the value in knowing how to code. My animated mockups were not necessarily the best way to communicate with developers. Using the interaction prototyping tool, Framer, I quickly immersed myself in learning coffeescript. Translating my animations from AfterEffects to Framer helped me communicate how each interaction should be handled. This led to an improvement to the app's transitions and timing. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1520459880954-8KPVT3R7EFW3Q9ZI8GEW/quokka_dribbble.gif Directory App This was a prototype to encourage users to invite more of their colleagues. As the user invites more friends, the mascot on top will act as your cheerleader. This was important because for the first time, my animations had an interactive component. I realized I could leverage my animations not only to surprise and delight, but to influence a behavior and action. The design team loved the pitch and it got implemented. In the end, we saw this design lead to a 20% increase in user invites. https://www.jeffchangart.com/mindshow daily 0.75 2018-08-01 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514947630800-7PG6YV7D0XWL1MA3EFNA/mindshow-compressor.gif Mindshow VR - Challenges Mindshow lets players customize their show through a palette of characters, props and worlds. One of the biggest strengths of Mindshow is the user doesn’t have to be a veteran filmmaker or animator. We make it easy so with just a few tools and fun play acting, anyone can make a fairly decent, Pixar-like movie. My main charge was to distill that complexity into a simple mental model for players. I worked along with the design team to build the visual language and interactions that reflected the brand’s personality and charm. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514947630800-7PG6YV7D0XWL1MA3EFNA/mindshow-compressor.gif Mindshow VR - Challenges Mindshow lets players customize their show through a palette of characters, props and worlds. One of the biggest strengths of Mindshow is the user doesn’t have to be a veteran filmmaker or animator. We make it easy so with just a few tools and fun play acting, anyone can make a fairly decent, Pixar-like movie. My main charge was to distill that complexity into a simple mental model for players. I worked along with the design team to build the visual language and interactions that reflected the brand’s personality and charm. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1533094775361-24RZ17UQLWB8SFSMZ79U/2Artboard+1.png Mindshow VR - Fixing Pain Points It was important that the interface was not only clear, but helped guide users through this flow. The goal was to get as many people through the funnel by sharing and exporting their shows. In the beginning, we found that users were dropping off because they were confused or overwhelmed. To counter that, I redesigned the interface and flow in the following examples. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516569053084-C2NAIS0Q77OVFAIRAXQ5/controller_2.gif Mindshow VR - The Multi-Tool Controller The controller is like a swiss-army knife that lets players select characters, set-dress, and edit almost anything in your show. With so many options at your disposal, it was crucial that each of the tools in the controller were clear and discoverable. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514950518379-W0S8LLPKFR6L6VMWT127/controller_concepts.png Mindshow VR Initial user testing showed that players had a hard time finding the tool they wanted. In earlier designs, there was almost nothing to differentiate between tools. In order to decrease that mental load, my solution was to start color-coding each tool. The peripherals on the controller would change its color state as well. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516508382848-GEUG87PF4HB38GPIMWG3/controller_swapping.gif Mindshow VR Haptic feedback and tooltips were important for first time users. The combination helped guided players through the controller onboarding. That change in clarity saw an increase in users recalling what each tool does. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1525925852516-O4LLL8GGXAD9LYELXI3S/Handmenu_old.gif Mindshow VR - The Handmenu The Handmenu is essentially a palette that contains characters and props, as well as settings and playback controls. One of the pain points of this version was that users wouldn’t know what tab they were on. The playback feature was also hidden and not immediately discoverable. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1525927043707-MVM9OXKTNSZME8M7GWJY/handmenu_small.gif Mindshow VR It was important in this redesign to provide clarity. In this animated mockup, I redid the information architecture to show clear hover and active states. The tabs were enlarged so they could have easier hitboxes, and reduce strain on motor skills. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1525926257749-FESMUN8FKQWK9ZP9WOES/1_LAiep3H9OfIXYFrUQ75O4Q-compressor.gif Mindshow VR I teamed up with the lead engineer to bring that design into the app. The playback timeline was also moved to the front as it was an important and frequent interaction. In order to prevent users from selecting a character or prop in the middle of playback, I thought it would be fun to collapse the Handmenu. This puts the focus entirely on the viewing experience, and not in edit mode. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1517794903360-TDR1FQ45F1JT5RJWUZIL/homespace-compressor.gif Mindshow VR - Bringing it all Home The homespace is a place where players can view a ‘feed’ of shows that they and their friends have made. One of Mindshow’s core loop experience is the ability to make a show and share it with friends to collaborate. My charge was to define the Homespace in a way that encourages those actions. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1518140220749-1EZ2LFAFFK7Y8QT9BCAN/homespace.PNG Mindshow VR Rather than bombard the players with all possible options, I arranged and grouped them in a hierarchy that was easier to digest. This involved setting up secondary actions that appear on hover, creating notifications, and accounting for different fail states. This provided more clarity to the player and reinforced the idea that they belonged in a community. By simplifying the interface, Mindshow became much more approachable not only to new players, but to people who have never tried virtual reality before. https://www.jeffchangart.com/holoplayer-weather-app daily 0.75 2018-05-10 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514498124359-JQ60HPI7E5JGJFTZ4HNL/rp_weather.gif HoloPlayer Weather App https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514498916648-M1WYA0K599PYO7NDHSUC/alexa.gif HoloPlayer Weather App - Ideation HoloPlayer One uses a combination of optics, lenticular sheet and a depth sensor to make a hologram appear as if it's floating above the glass. My role here was to design an app that demonstrates one of Holoplayer’s potential use cases. I was in charge of the visual treatment and worked with a developer to discover what interactions could make sense here. We thought a weather app was something that was both utilitarian and familiar enough to users, but also left room for some creativity. Most people check the weather, but one of the questions I wanted to answer is WHY would people want a holographic weather app? What about it makes it more of a compelling experience than simply checking it on your phone? https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516339080627-C7BXFR4TXLJ39SW36MPT/concept_small.png HoloPlayer Weather App - Concept My conceptualization begins on Adobe Illustrator. After gathering my references, I start determining my color palette, shapes, and composition. Giving the app a cute aesthetic not only imbues it with a playful personality, but makes the whole hologram concept more approachable. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1517798136710-PEMH7TZBNAJ636PXJHQ4/concept2_small.png HoloPlayer Weather App Once the mood and feel was locked down, I started the greyboxing process in Unity. This is all about making quick and simple shapes to “block out” my scene. But here’s the fun part - using the HoloPlay SDK, I was immediately able to see my greyboxes rendered as holograms! https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514498872795-XNNTQ121XN4DQPOWVKUG/greybox.gif HoloPlayer Weather App - Greyboxing Having my renders “actually there,” allowed me to play with the composition and Z-space in a way that would’ve been harder through a computer screen. I could tilt my head to literally “peer” into my scene and get a better sense of space - something that would be harder on a 2D screen. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514498878646-KCS3YM5ULX6G1GZMGRI7/C4Danim.gif HoloPlayer Weather App With a general layout all set, I could finally start to dive into the aesthetics and details of the character and scenes! I use Cinema4D for most of 3D modeling and animations. This includes making all the weather conditions and variants. Sounds boring, right? Well… not when you get to make fun stuff like... https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1517798426423-5AUTWQ73JG2R270ZTS7W/snowpanda2.gif HoloPlayer Weather App ...THIS SNOW PANDA. There was a ton of room for exploration in the conception of this app and asking questions like “How can I make this more interactive and playful?” Fortunately, the process between Cinema4D to Unity to the HoloPlayer has been very fluid. Making a change to a model in Cinema4D and seeing the quick update to it’s holographic incarnation allowed me to make quick, multiple iterations. That included adding a layers of interactivity. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514498906814-17ZW0IJRML7542L4F5WF/bird.gif HoloPlayer Weather App - Interaction The Holoplayer comes with a RealSense sensor that could track your hand. I thought a holographic representation of your fingertip would make the experience of “reaching” in, more playful. I experimented with having it become a small cloud and even a butterfly! The solution I ended up following was designing a bird that would “fly” along your finger and even rest on top if static. As the bird moves through the scene, it clicked that I should have the Red Panda follow it along. It was cool because this was the beginning of a direct conversation between you and the Red Panda. It really elevated the weather app from being a passive experience! But the biggest thing is voice integration. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514498923600-X2UXL980P71R4ATV6OKU/voice.gif HoloPlayer Weather App - Alexa Integration I was fortunate to be working with Alex Duncan, an awesome Looking Glass Unity dev who’s brought Amazon’s Alexa into the mix. With it, you could ask for the weather around the world and see the holographic weather animate and change. Voice integration felt like the missing link that helped tie everything together. There’s something powerful about being able to touch and talk to a hologram. In the past, my artwork could only be seen through a two-dimensional screen. Now, it feels like it’s starting to physically blend into my surroundings and life routine. Right now, I feel like I’m only scratching the surface of what holograms can do. There are so many possibilities to making it more human-centric. As an artist and designer, I am excited to experiment and create things that can enrich people’s lives! https://www.jeffchangart.com/ar-tempuras daily 0.75 2019-04-07 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1526238791989-SBUIS9GXQV4G3LH6LUXO/preview_thumbnail.png Augmented Reality Experiments During the initialization phase, I noticed most people spawn my holograms up close, without realizing its size. This would often catch them off guard. In most cases, it would force them to take a couple steps back which is not ideal. What if they were already up against a wall, or in the worst case, step back and accidentally trip over something behind them? My solution was to put in a holographic preview to give them an idea of the size and placement. This lets users know what to expect and the amount of space needed for the experience. It’s a small thing, but it’s something I hope to decrease frustration. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1526238791989-SBUIS9GXQV4G3LH6LUXO/preview_thumbnail.png Augmented Reality Experiments During the initialization phase, I noticed most people spawn my holograms up close, without realizing its size. This would often catch them off guard. In most cases, it would force them to take a couple steps back which is not ideal. What if they were already up against a wall, or in the worst case, step back and accidentally trip over something behind them? My solution was to put in a holographic preview to give them an idea of the size and placement. This lets users know what to expect and the amount of space needed for the experience. It’s a small thing, but it’s something I hope to decrease frustration. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1526239152909-EQ7CLE8WFO213SJWHI5R/visual_indicator_thumbnail.png Augmented Reality Experiments - Visual Indicator ARKit, in its current state, is restricted to a small field of view. It’s like looking through a small window. Should a user ever turn around or move away, it can be hard to retrace what they’re looking at. To account for this, I mocked up what a visual indicator in AfterEffects of what it would be like to leads users back to the main content. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514496796755-2DN0YRKZIWSN6S5VE4AD/image-asset.jpeg Augmented Reality Experiments - Moving Characters Across the Plane In this exercise, I wanted to be able to place my characters and control them in a real world environment. This involved creating UI that allowed me to spawn the tempuras, move them through a joystick, and perform a set number of actions.   https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516334786924-TFWTOXX9Q1RGDIN2FXZX/Tempura1_thumb.jpg Augmented Reality Experiments Lil' Tempura waving at you in Setagaya. Unfortunately the occlusion doesn't work as well when I try to move the camera to the side. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516334392811-YZ9XC09L5VCA5ENN4U13/Tempura2_thumb.jpg Augmented Reality Experiments A family of tempuras passing by one of my favorite cafes in Shibuya. I was amazed that it was able to track the different levels of planes. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514493949799-9VSO3QGMX7JGJ98WKYBW/image-asset.jpeg Augmented Reality Experiments https://www.jeffchangart.com/inside-the-centrifuge-vr-experience daily 0.75 2018-01-21 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514489979347-KXI131AI61BVIKJOFQGW/astropup.gif Inside the Centrifuge VR Experience https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514490534605-260V5JJ8SIBSFMFPMYDU/image-asset.jpeg Inside the Centrifuge VR Experience - Ideation & Planning My initial idea was to create an emotional response between the viewer and HAL's eye. As the viewer looks around, HAL's eye would always be within their peripheral zone, appearing in one of the computer monitors. Should the viewer turn to confront HAL, the eye in the monitor would switch back to a normal screen. I hoped this effect will create a perpetual sense of uneasiness and that the viewer felt they were being constantly watched. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516339700965-ZDBGZ3VU8PGII641VJ5M/ideation_small.jpg Inside the Centrifuge VR Experience With only a month and a half before the show, I planned a timetable and prioritized the following: -Create a model of the environment -Code out the interaction between the viewer and HAL -Create the Dave and Frank models -Figure out audio assets -Create all other screen assets With this plan, I knew that in the worst-case scenario of everything going wrong, I would at least have an environment for viewers to walk through. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516339782853-VMMXQRF71ZA9JV07FZUN/evolution-01_small.png Inside the Centrifuge VR Experience - Building the Centrifuge I knew right away that this had to take place in the Centrifuge — that massive ferris-wheel set that served as the trademark introduction to the Discovery-1. I wanted to create an immersive environment where the user could walk along the Centrifuge, look up, and see the path they just walked on, only upside-down. It took nearly three weeks to build the Centrifuge. There were dozens of movie screenshots and blueprints laid out in front of me as I meticulously modeled every little detail. Sometimes I would model a small part for a minute before stopping and checking it against the movie stills. I modeled and textured everything in Cinema4d and later exported it to Unity where the lighting was added. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514489997511-P0NVS3882MDC2PABIK09/astropup.gif Inside the Centrifuge VR Experience - The Cute Inhabitants I populated the Centrifuge with cute little animals throughout as a way to disarm the viewer. I’ve also become aware of how people tend to react to “cuteness.” There is a behavior shift that lulls the viewer into a state of comfort. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1516511086647-RF6JPU22EECLTUBCBREE/astropup_screens.gif Inside the Centrifuge VR Experience That comfort state would be disrupted once the viewer notices HAL’s eye. It would be a great contrast to have the computer monitors switch between a cute animal and HAL’s menacing eye. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514489993134-POUZS3LIY3DXLN9GKWL2/hal_concept.gif Inside the Centrifuge VR Experience - Revision In the final weeks leading up to the show, I realized that I wasn’t able to get the right effect I wanted with HAL’s interaction. At times, it was tricky to get HAL to appear directly within the viewer’s peripheral zone. Once I knew it wasn’t a guarantee, I had to consider another plan. My friend Patty then suggested to have HAL appear through white noise throughout all the screens. As if the “cute” signal was suddenly disrupted and turned off. That was a neat and simple solution that still got the point across: That no matter where you were looking, HAL will always be there watching you. https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514490533860-R117NEVPQKZFKFEE5QHS/image-asset.jpeg Inside the Centrifuge VR Experience - oh HAL no promo https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1514490915226-XJU53FCJVVT3JGB56895/image-asset.jpeg Inside the Centrifuge VR Experience - Things I Have Learned -Get better at coding. There were so many instances where I’ve hit roadblocks because I wasn’t familiar with code. It’s so important for iteration and also because Unity largely integrates with code. -Optimize every asset to get better performance and frame rate. -Start paying attention to motion and interaction design in VR. Although UX/UI was largely absent, it has been something I’ve been wondering and will need to address later on. -A better grasp of the design pipeline for VR. It’s easy to get lost and freak out at your first VR project. Luckily, there’s a lot of good documentation for Unity and the C4D to Unity transition has been fairly painless. https://www.jeffchangart.com/vanguard-bureaucratic-suspense daily 0.75 2025-05-12 https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452634113588-M32DA4VU1QCEBLOKWCBV/main.jpg Vanguard: Bureaucratic Suspense https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452633698923-SREVHETD6RNYH16WLS5K/full-landscape.jpg Vanguard: Bureaucratic Suspense https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457568654663-XU9XK3PJ7V4Q9PR3OM65/close-portrait.jpg Vanguard: Bureaucratic Suspense - I envisioned political figures stuck in Capitol Hill like fruit in a gelatin mold. https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457568654685-KJ1URBHJSVCK5D1PUG3U/close-portrait-2.jpg Vanguard: Bureaucratic Suspense https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452633699077-35U8OWGO56S54W2RF8TC/magazine.jpg Vanguard: Bureaucratic Suspense https://www.jeffchangart.com/decode-creative-inheritance daily 0.75 2025-05-12 https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457568971678-00REK85V6O9X2O17334W/illo-portrait-head.jpg DeCode: Creative Inheritance https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457568971678-00REK85V6O9X2O17334W/illo-portrait-head.jpg DeCode: Creative Inheritance https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452640769497-E5BE96CWRJJDH3B0B160/illo-portrait.jpg DeCode: Creative Inheritance - Through several collage graphics, I communicated the overarching idea and its 50,000-year history and represented a few key creative figureheads of Western culture. https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457568971590-I5XJ8SJKKIR0B0A53PX2/illo-portrait-numbers.jpg DeCode: Creative Inheritance https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1453310514773-2OF1BVGMTPQA623ACN9X/Wired_Genius_Piece_5_McQuade.jpg DeCode: Creative Inheritance https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1453310514824-AZ0D2YZ2WBB38VDXQWBS/Wired_Genius_Piece_6_McQuade.jpg DeCode: Creative Inheritance https://www.jeffchangart.com/apprentice-branding daily 0.75 2025-05-12 https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1459800606415-5B8BDTCZ866H7OTNQMYL/portrait-black.jpg Apprentice Branding https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457571330445-7K8KETI0WJ2IMQ5NER6Z/portrait-black.jpg Apprentice Branding https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457571330452-ZJ2K87L6OPNA8B9K2AUZ/portrait-white.jpg Apprentice Branding https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452551905845-8Q8COW9KYCC3SN76IGAZ/split-black-white.jpg Apprentice Branding - I carved a wolf woodblock and used the print in the final logo treatment, which included hand-drawn lettering. https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457575493075-U3CC0V6PUQG4I9THLXWB/square-split-black.jpg Apprentice Branding https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457575493103-BTOZ92NOXRSLWCVCQC2G/square-split-white.jpg Apprentice Branding https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452551626556-8HKUG4OG1B1E0U43VXJE/logo-white.jpg Apprentice Branding https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452551626487-2N6RPVQ4Z52U3230XMXW/logo-black.jpg Apprentice Branding https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452554710466-2HF0KO4XUF6JUYIWAG8B/shirt-landscape.jpg Apprentice Branding https://www.jeffchangart.com/kipp-harbor-times daily 0.75 2025-05-12 https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1456767403805-KN8Z62OADRLLPKN8YA4P/nytimes-main.jpg Kipp Harbor Times https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1456767279224-813H6OYK1363VPX4Y0MT/nytimes-main.jpg Kipp Harbor Times https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452557556634-PO1XOYQ0KN2HX9ADYKH6/close-landscape.jpg Kipp Harbor Times - I looked into our 34th president’s accomplishments and was interested to discover that he created the interstate. https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457566638051-1LLPLYCRXOBTE8WAK8XB/head-portrait.jpg Kipp Harbor Times https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457566638081-R7T7CSD19BDYHKWBAWH3/header-portrait-2.jpg Kipp Harbor Times - So I incorporated the meandering patterns of our highways into the fragmented design. https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1457566875204-QCVG0UNW807VF00ACAUV/close-portrait.jpg Kipp Harbor Times https://www.jeffchangart.com/a-berlin-guide daily 0.75 2025-05-12 https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1453940592760-5OWKFJCJKG133RHSDOMK/main.jpg A Berlin Guide https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452709802560-MA4IIRVPEJEIZMK853S0/main.jpg A Berlin Guide https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452618821440-8XPUING788I0YWT0XX24/close-landscape-2.jpg A Berlin Guide https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452618821584-JWB346UOFML3MA2TT65D/close-landscape.jpg A Berlin Guide https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452725592955-X1079CSG1RCX64FODOMV/close-illo-2.jpg A Berlin Guide https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452725592953-F8PQRBTAV5IKQ0YD8VJK/close-illo-3.jpg A Berlin Guide https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452725593001-WS8ERGG75D6RD8IDVYAO/close-illo.jpg A Berlin Guide - This was my first time mixing typography and topography with the intimacy of a physical object. https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452725394220-4UAYP6OKBL4TM79RH4X5/map-crop.jpg A Berlin Guide https://www.jeffchangart.com/morale daily 0.75 2025-05-12 https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452703235511-ICK6K56XYNMW587G3U6D/main.jpg Morale https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452703235511-ICK6K56XYNMW587G3U6D/main.jpg Morale https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452703233250-IM5BFXP1MAIXWP6BDQM8/relax.jpg Morale https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452703235173-J8VISCZ1CRJIS9GD40K9/work.jpg Morale - The result was a six-piece collection of motivational words that, for me, hold a lot of meaning. https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452703234323-7H1DDQUVRD9GBFVJNMQX/tone.jpg Morale https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452703231449-OX10SZHWJMNCP33LPG7P/create.jpg Morale https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1452703232145-5IIRH99I5BE7J0EK2MQY/laugh.jpg Morale https://www.jeffchangart.com/ethics-review daily 0.75 2025-05-12 https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1453307629720-VXU62V9OYQD7Z46LI3F0/main.jpg Ethics Review https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1453307629720-VXU62V9OYQD7Z46LI3F0/main.jpg Ethics Review https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1453307627107-0QLYI4VGN9ZHH3XPAYO2/close-landscape.jpg Ethics Review - Students often stick tabs in a book to bring attention to certain passages, but in this case, the tabs are used to avoid the material. https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1453307627024-3PESQO49EK5MEB2WGK2U/close-portrait.jpg Ethics Review https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1453229235157-DT7832199KLB1P9CB8N8/close-portrait-2.jpg Ethics Review https://www.jeffchangart.com/under-construction daily 0.75 2015-06-02 https://www.jeffchangart.com/about-me daily 0.75 2015-07-04 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435889650404-T1X9WGJXISJZU85IENFP/image-asset.jpeg About Me https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1471578275958-2FSAALLUW41VNYW8TDBN/coffee0024.png About Me https://www.jeffchangart.com/moreworks daily 0.75 2015-07-22 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435800260644-YV4V0WCBNITQAX4A2A4U/image-asset.gif More Works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1437587486671-GX83FLV7UR746NQEQM83/multitasking More Works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435800520605-L371B3BCX5SPEH9CDCSO/image-asset.gif More Works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435800296836-3IE3MQTBJWDOO945GOGS/image-asset.gif More Works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435800552914-BBSU1BDJG69PEF5J59WV/image-asset.gif More Works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1461381902010-R28DASZN67GA78TL5VYK/03.12.15.gif More Works https://www.jeffchangart.com/intro daily 0.75 2016-08-18 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460938434223-AFHSF0QDY842EANR2MIQ/sloth0000.png Hello! https://www.jeffchangart.com/motion-1 daily 0.75 2017-12-22 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1471485888181-ESOW8AVV3HGWG55FF2FM/itadakimasu.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460942899646-163969O1PG31DQDLRERB/sloth_thumbnail.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460944971988-ZTD2DEX8PJJRHJBGIRH2/HAL_thumb.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435439423839-SK791YMZLNCXFX7ZBD7Z/cd_thumb.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460946347451-ZB7PQL91LQBJLQY4UY1U/onboarding_thumb.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435439408329-NYXO9KDH9ZNNCJICQQTK/onboard_convertible_thumb.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435439429706-L4WL22ML21ZTT54GAUMS/neogov_thumb.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435439465738-FLZ1IK3FIVUU0ZS3SW80/dog3.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435439414543-7PSJAHXOIM0FDQO9VV2F/concept_thumb.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435439468695-Q88ZY2QWR21MIMXQ2LEO/bento_tumblr.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460946258874-OUOQSWH2X28853D44U81/telecommuting_thumb.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435523836628-8XGYZULBU8VSKGBRBO1T/thresholds_thumb.gif Selected works https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460938859427-5M4OFRL73KWOHOOHT9B5/bear0036.png Selected works https://www.jeffchangart.com/onboard-concepts-1 daily 0.75 2015-07-02 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435799738533-56NLBZ6N3YOT0FNNYHO9/image-asset.gif Onboard Concepts https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435799643033-2RSQQB9DIFAUGIQC1C9Z/image-asset.gif Onboard Concepts https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435799590608-M2WBLVL7ONTQCOMV0OWY/image-asset.gif Onboard Concepts https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1461380360340-LT59PTSATWN3393SSEHZ/workplace.gif Onboard Concepts https://www.jeffchangart.com/illustration-and-print daily 0.75 2016-12-18 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435542893199-L1RPBBUBHZBN36VX6DFH/arson_thumb.jpg Illustration and Print https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435542889737-PSJSHWDY381SLKYJIZ8M/afterman.jpg Illustration and Print https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435542897211-LF9K1ET5EP1RR7Z69UFT/dreamer_thumb.jpg Illustration and Print https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435542900915-0E8LUTMX3WNWYUG3EXB4/sheriff_frank_thumb+copy.jpg Illustration and Print https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435543519802-9G6NAU9YK86TNFUECSWH/librarian_thumb.jpg Illustration and Print https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435552998959-LF525EBCUQ9R65Y4G6YF/union_thumb.jpg Illustration and Print https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435611381178-V890C7TSNJTT5Z9G07AI/hare_thumb.jpg Illustration and Print https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435611386132-NNCIQ0INY8763AFNY6Q3/homeless_thumb.jpg Illustration and Print https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435611390132-ZVW6QSHTL4ICP2HXKRJW/birth_thumb.jpg Illustration and Print https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1435627080751-FECQN0K2QKTCB64M6QA2/afterman.jpg Illustration and Print https://www.jeffchangart.com/2001 daily 0.75 2016-04-17 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460924033848-2SGTYCXBCFLR0GCT22QZ/image-asset.png Making the Centrifuge VR Experience https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460924403460-DPOSMOHS7VGIDUVBZUG1/image-asset.gif Making the Centrifuge VR Experience https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460923433699-J7R6ZKLL8HAPCKHZZDNS/image-asset.jpeg Making the Centrifuge VR Experience https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460924509581-MH2021HAUMYEYHRSG2GV/image-asset.gif Making the Centrifuge VR Experience https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460924187731-JTRZQRM6IBUD2VNL1C0S/image-asset.gif Making the Centrifuge VR Experience https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460922714805-85BWAQXM2KRDL9F5Q1O2/image-asset.jpeg Making the Centrifuge VR Experience https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460922107129-RNRLOJV8ZG0RX842QZZF/medium_cover.png Making the Centrifuge VR Experience https://www.jeffchangart.com/sloth daily 0.75 2016-04-23 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460925330225-R2B5MFIDUL8VOEM9CYAO/image-asset.gif Notice Me Senpai https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460925162175-1ZWCD3NGTEWGHZSHP4KX/image-asset.png Notice Me Senpai https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460925225869-DDNNG3NU7TDMYRFSB28R/image-asset.png Notice Me Senpai https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460925067716-Q3XNB610P2G01KUK7CN9/image-asset.gif Notice Me Senpai https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460925273858-E4EP235CIMHRZITZC3RN/image-asset.gif Notice Me Senpai https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1460924823223-3LFW2VV7XP7EQ2ZNKNXE/header2.PNG Notice Me Senpai https://www.jeffchangart.com/itadakimasu daily 0.75 2016-08-18 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1471401218670-SCFH9KMJN5UEJBYMJQK6/image-asset.gif Itadakimasu https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1471483911364-FOS09O69ETQRK189IEM3/image-asset.jpeg Itadakimasu Various sketches of background objects.   https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1471401043689-7615C2OWRGLIZHXM9BMX/image-asset.gif Itadakimasu The gizmos on the fingers can tell me if the correct gesture is activated or not (green color) https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1471400937823-R9DV691NX75RW1PPJLGX/image-asset.jpeg Itadakimasu Sketching out various animal poses including a Quokka, which didn’t make it in the final version :(   https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1471483893982-Q5HW8WPC275YQEYU3B46/image-asset.gif Itadakimasu This is what you would see immediately above the red panda.   https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1471486783268-FBG4W8LKO8W1MZLRRCQB/header0000.png Itadakimasu https://www.jeffchangart.com/hello daily 0.75 2020-06-13 https://images.squarespace-cdn.com/content/v1/554d027ae4b0ee9452bd814b/1592073013295-U2PNO0GOBO1LHKWLP7N2/image-asset.gif Hello https://www.jeffchangart.com/contact-york daily 0.75 2025-05-12 https://www.jeffchangart.com/about-york daily 0.75 2025-05-12 https://images.squarespace-cdn.com/content/v1/563bdd38e4b0283238934c89/1459263426143-THBOLC2OEUG5G0VIPN5K/image-asset.jpeg About Live from the stage/my workspace https://www.jeffchangart.com/press-york daily 0.75 2025-05-12