https://ivanjcruz.com ivanjcruz Fri, 07 Mar 2025 17:52:24 +0000 https://ivanjcruz.com en https://ivanjcruz.com/Homepage Tue, 09 Apr 2019 21:48:54 +0000 ivanjcruz https://ivanjcruz.com/Homepage https://ivanjcruz.com/Deep-Time Fri, 07 Mar 2025 17:12:18 +0000 ivanjcruz https://ivanjcruz.com/Deep-Time <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/208b1c409509fbda704a3e52adc3117ede1de59a5ab2b4d4af8174072d1ab0c6/MotionTest_050.Production_HD.png" data-mid="227852810" border="0" src="https://freight.cargo.site/w/1000/i/208b1c409509fbda704a3e52adc3117ede1de59a5ab2b4d4af8174072d1ab0c6/MotionTest_050.Production_HD.png" /> Deep Time For this long-term exhibit, I collaborated with paleontologists, curators, builders, and sound engineers to bring the story of Nevada’s ichthyosaur fossils to life. My research involved visiting the vault at a natural history museum to study the specimens up close, ensuring the final visuals were both accurate and engaging. Drawing on the same tools used by scientists—LiDAR and photogrammetry—I replicated points to craft 3D animations that feel both scientifically grounded and elegantly ethereal. The result is a dynamic display that balances realism with a touch of spectacle, immersing visitors in the deep-time narrative of these ancient sea dragons. Team Nik Hafermass Ivan Cruz Role Creative Technologist Motion Designer https://ivanjcruz.com/BMW-CES Tue, 18 Jan 2022 08:15:43 +0000 ivanjcruz https://ivanjcruz.com/BMW-CES CES BMW Client BMW Group Germany Lead Agency TheGame Group GmbH Mediatecture GRAFT BRANDLAB Role Creative Technologist Programming Animation Material E Ink ConstructionCzarnowski https://ivanjcruz.com/DAZZLE Wed, 10 Jan 2018 20:04:10 +0000 ivanjcruz https://ivanjcruz.com/DAZZLE DAZZLEDazzle is an art piece transforming the 1200-foot long facade of the new San Diego Airport Rental Car Center into a landmark mural. Dazzle Camouflage was used in World War I to obfuscate the speed and direction of warships, making it extremely difficult for opossing submarines to aim their torpetos. The camoflage concept was expanded in this massive landmark installation, giving the building dynamic angles, dazzling animation and bold elements seen daily by hundred thousands of motorists on the adjacent Interstate 5 Freeway. Studio Ueberall Fabrication E-Ink Client San Diego Airport Role Creative Technologist Programming Animation Special Thanks E-Ink Team Nik Hafermass Jean-Francois Erforth The E-Ink panels had unique specifications, and Ivan used Processing to create a GUI tool to help bridge the gap between Engineering and Ideation. The processing sketch was capable of getting live animation from After Effects, Quicktime videos, and export them out as JSON files for the engineers at E-Ink. https://ivanjcruz.com/Symphosizer Thu, 17 Jun 2021 21:34:26 +0000 ivanjcruz https://ivanjcruz.com/Symphosizer <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/321e023ba2f0045a8dd862507ab076e894d3202def77f0e7325ee851878a419b/M27A3372.00_04_06_21.Still008.png" data-mid="111656536" border="0" src="https://freight.cargo.site/w/1000/i/321e023ba2f0045a8dd862507ab076e894d3202def77f0e7325ee851878a419b/M27A3372.00_04_06_21.Still008.png" /> &nbsp; Symphosizer: Make Some NoiseThe Symphosizer is a real-time, sound activated, typographic instrument that invites audiences to play with sounds, typography, and color on multiple devices. Website https://symphosizer.wearecollins.com Collins Louis Mikolay Erik Berger Vaage Ye-Eun Kim Team Ivan Cruz Yunying Huang Role Creative Technologist <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f3a43a5825d5fbeb73b7ea194512ca03bb619ecabed6b969c29f68a17880b683/M27A3372.00_00_05_09.Still007.png" data-mid="111655632" border="0" src="https://freight.cargo.site/w/1000/i/f3a43a5825d5fbeb73b7ea194512ca03bb619ecabed6b969c29f68a17880b683/M27A3372.00_00_05_09.Still007.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8a4758844568c96043630f4eade6d9719e05556cbe49c20764cc981fb3b40829/M27A3372.00_02_54_10.Still004.png" data-mid="111655635" border="0" src="https://freight.cargo.site/w/1000/i/8a4758844568c96043630f4eade6d9719e05556cbe49c20764cc981fb3b40829/M27A3372.00_02_54_10.Still004.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2e42961ba23f4470aaf3855257b5a74bdb6f709821c777d8150669fd7208f426/M27A3372.00_01_35_01.Still006.png" data-mid="111655633" border="0" src="https://freight.cargo.site/w/1000/i/2e42961ba23f4470aaf3855257b5a74bdb6f709821c777d8150669fd7208f426/M27A3372.00_01_35_01.Still006.png" /> https://ivanjcruz.com/Dior Fri, 07 Mar 2025 17:52:24 +0000 ivanjcruz https://ivanjcruz.com/Dior <img width="2160" height="1350" width_o="2160" height_o="1350" data-src="https://freight.cargo.site/t/original/i/de9602016e1b2e7082e5e7dc4eb0be8157591a61776184dc86cc9a9dd2b8e28e/Dior-Carousel-Coloured_2.png" data-mid="227852979" border="0" src="https://freight.cargo.site/w/1000/i/de9602016e1b2e7082e5e7dc4eb0be8157591a61776184dc86cc9a9dd2b8e28e/Dior-Carousel-Coloured_2.png" /><img width="4241" height="3275" width_o="4241" height_o="3275" data-src="https://freight.cargo.site/t/original/i/8b2cba92944879bca8218ccda7d7d0a225cde7eefe2311f6c3cd9f8ac4cc2eda/Dior-Carousel-6.jpg" data-mid="227853066" border="0" src="https://freight.cargo.site/w/1000/i/8b2cba92944879bca8218ccda7d7d0a225cde7eefe2311f6c3cd9f8ac4cc2eda/Dior-Carousel-6.jpg" /> &nbsp; Dior Spring Collection GLobal Storefront and Popup Installations Collaborating with artist Jesse Woolston and Dior, we adapted his artwork for stores worldwide, including flagship locations in Paris and New York. I developed the workflows, mockups, and technical specifications to ensure consistent brand execution across various scales and dimensions. Team Jesse Woolston Ivan Cruz Role Creative Technologist Motion Designer https://ivanjcruz.com/HBO-Max-Original Fri, 18 Jun 2021 01:28:23 +0000 ivanjcruz https://ivanjcruz.com/HBO-Max-Original &nbsp; HBO MAX Original Identity HBO Max wanted an originals identity that nods to the brand’s iconic “static” in a fresh, vibrant way. This mnemonic precedes a roster of Max Originals on the new streaming platform.Made at IMAGINARY FORCES @2020 HBO, Imaginary Forces. All rights reserved. Creative Director Karin Fong Producer Steve Garfinkel Designer/Animator Ivan Cruz Jesse James Jones Jr. Brandon Savoy Coordinator Jackson Kerr https://ivanjcruz.com/ArtCenter-DoubleData Wed, 10 Jan 2018 20:34:18 +0000 ivanjcruz https://ivanjcruz.com/ArtCenter-DoubleData DoubleData DoubleData Wall is a commissioned Art Installation for the DoubleData Exhibit at Art Center College of Design. The interactive light sculputre has 2,410 RGB LED Lights controlled by custom Processing Code and an LED Controller. The piece provocates users to interact in several programs. The first one visualizes WIFI traffic as particles flowing through the air. The second program has particles that search and form the DoubleData Logo. Program 3 is a particle playground for the audience, it gives them several minutes to play, pose, take pictures, and have a one-on-one connection with the exhibition. And finally, the last program allows the audience to add to the piece by tweeting a message to #datavizartcenter Client ArtCenter Role Creative Technologist Artist Special Thanks Joan Chen Edmund Liang Kingsley Rothwell Miles Mazzie Brad Bartlett Orly Olivier Gloria Kondrup Jon Nishida Kevin Liangcy https://ivanjcruz.com/Mediatecture-Berlin Thu, 07 Jun 2018 08:38:31 +0000 ivanjcruz https://ivanjcruz.com/Mediatecture-Berlin <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/555d541aae0d82d2e72e6fb5ed2abe163d7295df4ef74429258a9ac260c3894a/190423_Juganu_BurningManRenders_v021_BladeFront_Night_.png" data-mid="40971876" border="0" src="https://freight.cargo.site/w/1000/i/555d541aae0d82d2e72e6fb5ed2abe163d7295df4ef74429258a9ac260c3894a/190423_Juganu_BurningManRenders_v021_BladeFront_Night_.png" /> Burning Man: The BladeFor the Mediatecture Spring 2019 class, the top 5 students of the Graphic Design program traveled from Pasadena to Berlin to create a Burning Man installation pitch. Team Nik Hafermass Ivan Cruz Blossom Liu Maddie Ma Danny Grey Chris Taylor Zeke Wattles Special Thanks Michael SansRose Zhang Ricardo Emperial ArtCenter x Triad x Juganu Role Instructor Art Director <img width="2032" height="1532" width_o="2032" height_o="1532" data-src="https://freight.cargo.site/t/original/i/28394bceb6272660f3b6f85ba7164809823251ac9422838cb34181ebc8f942a6/madmapper.png" data-mid="40990465" border="0" src="https://freight.cargo.site/w/1000/i/28394bceb6272660f3b6f85ba7164809823251ac9422838cb34181ebc8f942a6/madmapper.png" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/a5dde73aee28bdaf305986f3b33cf16d8602d4772a8cfa2709e998d487d8437b/IMG_5723.jpeg" data-mid="40990427" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/a5dde73aee28bdaf305986f3b33cf16d8602d4772a8cfa2709e998d487d8437b/IMG_5723.jpeg" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/c61f7c727c55793f75d214be10e86facd2257619763c786421770e4b99a9d522/IMG_5731.jpeg" data-mid="40990429" border="0" src="https://freight.cargo.site/w/1000/i/c61f7c727c55793f75d214be10e86facd2257619763c786421770e4b99a9d522/IMG_5731.jpeg" /> Process In Pasadena, students had the tools necessary to communicate, ideate, brainstorm, explore, sketch, and experiment. Brainstorming soley on a computer can impede its usefulness. That’s why students printed and organized all their thoughts and references onto boards. Students also built physical and virtual models to explore its space, spatial design, audience flow ect… Students also visited and analyzed Desert X installations. Feeling the precense of a large installation played a critical part in decision making. For quick ideation, students used whiteboards to draw their ideas out, often leading to discussion and analysis–having all the ideas be physical and present, they where able to quickly make decisions or combine ideas.&nbsp; <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/2b37f6e3fe857902c7f00f2dac81a63016719d6c7829af24e97428254291be3f/IMG_5774.jpeg" data-mid="40990430" border="0" src="https://freight.cargo.site/w/1000/i/2b37f6e3fe857902c7f00f2dac81a63016719d6c7829af24e97428254291be3f/IMG_5774.jpeg" /> <img width="1024" height="768" width_o="1024" height_o="768" data-src="https://freight.cargo.site/t/original/i/b9a297601eba1f74d74e327aca3972c31875b9176c1cd991d226646451a28fec/UNADJUSTEDNONRAW_thumb_5535.jpg" data-mid="40990626" border="0" src="https://freight.cargo.site/w/1000/i/b9a297601eba1f74d74e327aca3972c31875b9176c1cd991d226646451a28fec/UNADJUSTEDNONRAW_thumb_5535.jpg" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/555ddceea2fba72b9d46abf133d299d630a3d6f124186551242d2635cab798ca/IMG_6063.jpeg" data-mid="40990432" border="0" src="https://freight.cargo.site/w/1000/i/555ddceea2fba72b9d46abf133d299d630a3d6f124186551242d2635cab798ca/IMG_6063.jpeg" /> Students explored with a new generation of energy efficient LEDs. They were attracted to the warm red sunset colors it produced. <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/f73cee997d2e65764acad349dafcf346bddc8d430df6edf6017f6d63d7f11d7c/IMG_6044.jpeg" data-mid="40990431" border="0" src="https://freight.cargo.site/w/1000/i/f73cee997d2e65764acad349dafcf346bddc8d430df6edf6017f6d63d7f11d7c/IMG_6044.jpeg" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/eb1bc387bb8820ef2e4e8dd46afbe7c44dafff0365b6a7180a1e12c980bc251a/IMG_6165.jpeg" data-mid="40990433" border="0" src="https://freight.cargo.site/w/1000/i/eb1bc387bb8820ef2e4e8dd46afbe7c44dafff0365b6a7180a1e12c980bc251a/IMG_6165.jpeg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/714c10bfd4a74648c24e6027b40d6820cb8f1d41b82176c6bcb80b477da11da3/190423_Juganu_BurningManRenders_v021_BladeTop_threequarter_.png" data-mid="42127347" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/714c10bfd4a74648c24e6027b40d6820cb8f1d41b82176c6bcb80b477da11da3/190423_Juganu_BurningManRenders_v021_BladeTop_threequarter_.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/47c6d420bb745631bfe3023511035880e35a61e5883e8e1fbecb5637498eccff/190423_Juganu_BurningManRenders_v022_BladeInteraction_.png" data-mid="40971893" border="0" src="https://freight.cargo.site/w/1000/i/47c6d420bb745631bfe3023511035880e35a61e5883e8e1fbecb5637498eccff/190423_Juganu_BurningManRenders_v022_BladeInteraction_.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ad29e40d3c67957a38469abe79e956ec7fa8d2aa24027d8564d6872f8716142e/190423_Juganu_BurningManRenders_v010_BladeBack_Day_.png" data-mid="40971935" border="0" src="https://freight.cargo.site/w/1000/i/ad29e40d3c67957a38469abe79e956ec7fa8d2aa24027d8564d6872f8716142e/190423_Juganu_BurningManRenders_v010_BladeBack_Day_.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/819da0f8ab09a644ad097b1c1a8e309c1e8b7ecaf3471996d762aa533b95ae04/BurningManImages_v03_2.png" data-mid="42127348" border="0" src="https://freight.cargo.site/w/1000/i/819da0f8ab09a644ad097b1c1a8e309c1e8b7ecaf3471996d762aa533b95ae04/BurningManImages_v03_2.png" /> Berlin In Berlin, the students finalized their narrative. Since the sun is the most apparent agent in Burningman, they decided to worship it as much as possible. To respect the sun, but also enjoy it’s ecliptic trek and sunset, and virtual sunset in how it lives in our memories. During the day, the shade under the steps can be used for shelter from the elements. Once the temperatures subside, people can bask, contemplate, relax on the steps and enjoy the sunset. Once the sun is below the horizon, the sun virtually continues on the LED wall.&nbsp; Students then presented their narrative for funding and support at the Brandenburger Tor Gate’s Immersive Media Room. <img width="1038" height="756" width_o="1038" height_o="756" data-src="https://freight.cargo.site/t/original/i/f1023f41e3219ec192dc5d456fc5064d633080f9556675626560174ca639fbfb/Anr-yRt3RKWdvz1Der-ww_thumb_edb7.jpg" data-mid="40994486" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/f1023f41e3219ec192dc5d456fc5064d633080f9556675626560174ca639fbfb/Anr-yRt3RKWdvz1Der-ww_thumb_edb7.jpg" /> <img width="1024" height="768" width_o="1024" height_o="768" data-src="https://freight.cargo.site/t/original/i/476ecdb8d14c9a9f342855f4dc5eadefabad045a845cf900e367fbf4d376a71a/UNADJUSTEDNONRAW_thumb_edd8.jpg" data-mid="40994489" border="0" src="https://freight.cargo.site/w/1000/i/476ecdb8d14c9a9f342855f4dc5eadefabad045a845cf900e367fbf4d376a71a/UNADJUSTEDNONRAW_thumb_edd8.jpg" /> https://ivanjcruz.com/Mediatecture Wed, 28 May 2014 08:04:02 +0000 ivanjcruz https://ivanjcruz.com/Mediatecture Mediatecture Mediatecture is an upper level, multidisciplinary course at Art Center College of Design in Pasadena California, that has helped redifine the Graphic Design Department. The class helps students explore the boundaries of new media, problem solving, and human centered design. The class is often paired with higher term classes where they can have space and time to innovate and experiment with new ideas. Instead of relying on one tool, the students use a wide variety of tools including Processing, Arduino + Sensors, Kinect, MadMapper, OpenTSPS, Projectors, and the adobe suite. College ArtCenter Location Pasadena, Ca Role Transmedia Advisor Instructor Midterms For the first project, students familiarize themselves with spatial communication and projection mapping. Finals Once students understand the tools and the basics of spatial communication, they bring in a brand, concept, identity, artist, project from another class and create a human centered installation.