https://jono.fyi Artistic & Studio Work of Jono Tue, 19 May 2020 00:59:39 +0000 https://jono.fyi en https://jono.fyi/Carolina Tue, 19 May 2020 00:59:39 +0000 Artistic & Studio Work of Jono https://jono.fyi/Carolina ︎ Carolina, 2015 Take a road trip through Kimbra’s song Carolina. View a landscape composed of vocals, guitars, bass, mellotrons, and more using your web browser. Tap to change the perspective, pinch-to-zoom in and out and take in all the layers of this uplifting song with a colorful and abstract environment. Each item on the trip represents a specific sound in the song. Together they create a road to Carolina. This piece was made specially for&nbsp;Kimbra’s album release, The Golden Echo (link). Documentation video from the record release event at Merry Karnowsky Gallery &nbsp;Real-time generative visualization, click eye to start https://jono.fyi/Tether Tue, 19 May 2020 00:59:16 +0000 Artistic & Studio Work of Jono https://jono.fyi/Tether ︎ Tether, 2014 Tether is an interactive music video&nbsp; for the electronic duo Plaid (link). The track is accompanied by a series of graphic shapes that gradually evolve as the music progresses; you can manipulate what you hear by clicking and dragging your mouse — or, if on your smartphone or tablet, touching and dragging on the screen. https://jono.fyi/Secret-7 Tue, 19 May 2020 00:58:45 +0000 Artistic & Studio Work of Jono https://jono.fyi/Secret-7 ︎ Secret 7”, 2013—2020 Secret 7” takes seven tracks from seven of the best-known musicians around and presses each one 100 times to seven inch vinyl. Each year the even runs, I have contributed a unique generative design. In addition, The proceeds of this publication go to a different non-profit each year. <img width="1600" height="1133" width_o="1600" height_o="1133" data-src="https://freight.cargo.site/t/original/i/ab603338e3686cb29e4dfeaecd13cf463a37b2eb53406d017b877d71bc56b308/2013-jessie-ware-still-love-me_1600_c.jpg" data-mid="71596880" border="0" src="https://freight.cargo.site/w/1000/i/ab603338e3686cb29e4dfeaecd13cf463a37b2eb53406d017b877d71bc56b308/2013-jessie-ware-still-love-me_1600_c.jpg" /> <img width="1600" height="1133" width_o="1600" height_o="1133" data-src="https://freight.cargo.site/t/original/i/53cb1c881dd440c22db670dc90a9dee0e928cbc981c07ddb187c803003a23bf7/2014-lorde-team_1600_c.jpg" data-mid="71596881" border="0" src="https://freight.cargo.site/w/1000/i/53cb1c881dd440c22db670dc90a9dee0e928cbc981c07ddb187c803003a23bf7/2014-lorde-team_1600_c.jpg" /> <img width="1600" height="1133" width_o="1600" height_o="1133" data-src="https://freight.cargo.site/t/original/i/3e6a2213b1a84261f5762d9ba4941586a238769a279b8aea88bf99e68eb1768c/2015-st-vincent-digital-witness_1600_c.jpg" data-mid="71596882" border="0" src="https://freight.cargo.site/w/1000/i/3e6a2213b1a84261f5762d9ba4941586a238769a279b8aea88bf99e68eb1768c/2015-st-vincent-digital-witness_1600_c.jpg" /> <img width="1600" height="1133" width_o="1600" height_o="1133" data-src="https://freight.cargo.site/t/original/i/c71ee455776d253a7adf4caa571de0ae7bae6efd5fff7243a09464680d55205a/2016-chvrches-crescent-blue_1600_c.jpg" data-mid="71596883" border="0" src="https://freight.cargo.site/w/1000/i/c71ee455776d253a7adf4caa571de0ae7bae6efd5fff7243a09464680d55205a/2016-chvrches-crescent-blue_1600_c.jpg" /> <img width="2400" height="1700" width_o="2400" height_o="1700" data-src="https://freight.cargo.site/t/original/i/73d3a77fe18ed0585f0f0c3bf3c60dea456f9381efcbd05b6230a3c7aade96a3/2019-london-grammar.jpg" data-mid="71596884" border="0" src="https://freight.cargo.site/w/1000/i/73d3a77fe18ed0585f0f0c3bf3c60dea456f9381efcbd05b6230a3c7aade96a3/2019-london-grammar.jpg" /> Left to right, top to bottom: Jessie Ware, Still Love Me, 2013, Lorde, Team, 2014, St. Vincent, Digital Witness, 2015, Chvches, Crescent Blue, 2016, London Grammar, Help, 2018. https://jono.fyi/This-Exquisite-Forest Tue, 19 May 2020 00:56:47 +0000 Artistic & Studio Work of Jono https://jono.fyi/This-Exquisite-Forest <img width="900" height="562" width_o="900" height_o="562" data-src="https://freight.cargo.site/t/original/i/c8c52986199c1e006b73f58597bbf2a1d022300c5bdc5df2df8173e399925ac9/Screen-Shot-2012-12-10-at-8.53.20-PM_900.png" data-mid="72816765" border="0" src="https://freight.cargo.site/w/900/i/c8c52986199c1e006b73f58597bbf2a1d022300c5bdc5df2df8173e399925ac9/Screen-Shot-2012-12-10-at-8.53.20-PM_900.png" /> <img width="900" height="562" width_o="900" height_o="562" data-src="https://freight.cargo.site/t/original/i/1a184d58304d9b85fc0c6b6e1d7e87fae8a94fbce2a91932787d749349a82d15/Screen-Shot-2012-12-10-at-8.55.43-PM_900.png" data-mid="72816766" border="0" src="https://freight.cargo.site/w/900/i/1a184d58304d9b85fc0c6b6e1d7e87fae8a94fbce2a91932787d749349a82d15/Screen-Shot-2012-12-10-at-8.55.43-PM_900.png" /> <img width="900" height="562" width_o="900" height_o="562" data-src="https://freight.cargo.site/t/original/i/33a98f289774b887edd8e77f918ffda82d22ddf4013f754913ef32ef3e1ca3ea/Screen-Shot-2012-12-10-at-9.01.26-PM_900.png" data-mid="72816767" border="0" src="https://freight.cargo.site/w/900/i/33a98f289774b887edd8e77f918ffda82d22ddf4013f754913ef32ef3e1ca3ea/Screen-Shot-2012-12-10-at-9.01.26-PM_900.png" /> Screenshots from the drawing tool I developed ︎&nbsp;This Exquisite Forest, 2012This Exquisite Forest is an experimental website that serves as a gallery of user-generated collaborative animations. Loosely based on the Surrealist’s Exquisite Corpse, the website allows people to create short hand-drawn animations that anyone else can add on to. These animations are then showcased on the website’s gallery. The gallery was on exhibit at the Tate Modern in London from July 2012 — July 2013. The result is an emerging community of fine artists, animators, and amateurs. The project is by Chris Milk and Aaron Koblin. It was produced by Google and Tate. I was a lead Designer and Front End Developer on the project. <img width="900" height="506" width_o="900" height_o="506" data-src="https://freight.cargo.site/t/original/i/67c89e49fc7377b9f171909ad6bf297861e8b64eec23d29b4efac3256e6feb98/luk_900.png" data-mid="72816000" border="0" src="https://freight.cargo.site/w/900/i/67c89e49fc7377b9f171909ad6bf297861e8b64eec23d29b4efac3256e6feb98/luk_900.png" /> <img width="900" height="506" width_o="900" height_o="506" data-src="https://freight.cargo.site/t/original/i/ae9931f3f217b6f083acd751abd85798912f079194fc480f2dcaee2f1f622c76/jess3_900.png" data-mid="72815997" border="0" src="https://freight.cargo.site/w/900/i/ae9931f3f217b6f083acd751abd85798912f079194fc480f2dcaee2f1f622c76/jess3_900.png" /> <img width="900" height="506" width_o="900" height_o="506" data-src="https://freight.cargo.site/t/original/i/00b75df34575553ab221a68ebf8144bdd37dbcf07108b015b1f534663185f5b6/mirada1_900.png" data-mid="72816002" border="0" src="https://freight.cargo.site/w/900/i/00b75df34575553ab221a68ebf8144bdd37dbcf07108b015b1f534663185f5b6/mirada1_900.png" /> <img width="900" height="506" width_o="900" height_o="506" data-src="https://freight.cargo.site/t/original/i/ecbba695578d9f5026f50499773520f1e93970efd29ad3400cb6c73c30241033/reas_900.png" data-mid="72816011" border="0" src="https://freight.cargo.site/w/900/i/ecbba695578d9f5026f50499773520f1e93970efd29ad3400cb6c73c30241033/reas_900.png" /> <img width="900" height="506" width_o="900" height_o="506" data-src="https://freight.cargo.site/t/original/i/bd0988dbe8adf9c343752988445f5d1b243e36a28ecc0fe6248b0d3abb459a07/raqib_900.png" data-mid="72816010" border="0" src="https://freight.cargo.site/w/900/i/bd0988dbe8adf9c343752988445f5d1b243e36a28ecc0fe6248b0d3abb459a07/raqib_900.png" /> Stills from various animations made with the drawing tool I developed https://jono.fyi/Under-Neon-Lights Mon, 18 May 2020 20:59:49 +0000 Artistic & Studio Work of Jono https://jono.fyi/Under-Neon-Lights ︎ Under Neon Lights, 2017 Under Neon Lights is a psychological coming-of-age music video set to The Chemical Brothers track under the same name featuring St. Vincent. Using the immersive qualities of Virtual Reality, guide a young girl from her suburban home through the city as she navigates three distinct stages of her life. The core theme of both the song and the music video question traditional forms of happiness and success. Is this really all I want?&nbsp; &nbsp; The song asks questions through its lyrics, dance meter, and dissonant texture to give the song a surreal presence. The music video presents picturebook stylized life, but allows the user to distort these forms to achieve the surreal. As the girl ages to teenager and then to adult both the song and the distortions build. In the final moments of the video our young girl, now an adult, faces all the material objects in her life. These objects, however, are stripped of context and meaning only giving rise to more questions. <img width="1920" height="1200" width_o="1920" height_o="1200" data-src="https://freight.cargo.site/t/original/i/780aff0c04f140cb6f35d73bb7b19ad66c8d6ea52ce338611796663685d00cb9/Forest.jpg" data-mid="71515160" border="0" src="https://freight.cargo.site/w/1000/i/780aff0c04f140cb6f35d73bb7b19ad66c8d6ea52ce338611796663685d00cb9/Forest.jpg" /> <img width="1920" height="1200" width_o="1920" height_o="1200" data-src="https://freight.cargo.site/t/original/i/7a2ea5cd412371f17381c7ba27ab9f54d317b7673bf729b0c83b772c3c021295/Teenager.jpg" data-mid="71515159" border="0" src="https://freight.cargo.site/w/1000/i/7a2ea5cd412371f17381c7ba27ab9f54d317b7673bf729b0c83b772c3c021295/Teenager.jpg" /> <img width="1920" height="1200" width_o="1920" height_o="1200" data-src="https://freight.cargo.site/t/original/i/7498907aea69684ea160a9559652df0fb08b92662b9fb7451c89400307eb94e2/City.jpg" data-mid="71515158" border="0" src="https://freight.cargo.site/w/1000/i/7498907aea69684ea160a9559652df0fb08b92662b9fb7451c89400307eb94e2/City.jpg" /> Concept images of the female protagonist by Jonas Dinges https://jono.fyi/Studio-Introduction Mon, 18 May 2020 15:40:01 +0000 Artistic & Studio Work of Jono https://jono.fyi/Studio-Introduction Technology allows us to interact with each other in new ways. Collaboration and creative development are not exempt from this phenomenon. My artistic process coupled with the ability to realize complex technical systems offers a unique, personal, and most importantly human perspective on digital art. This point of view enables artistic collaboration and distinguishes brands from traditional digital content. Below is a sampling of different types of commercial collaborations from audio-visual instruments to interactive installations. https://jono.fyi/Unnumbered-Sparks Mon, 18 May 2020 13:39:57 +0000 Artistic & Studio Work of Jono https://jono.fyi/Unnumbered-Sparks ︎ Unnumbered Sparks, 2014 Unnumbered Sparks is a monumental interactive sculpture in the sky. Choreographed by visitors in real time through their mobile devices, at night the sculpture became a crowd-controlled visual artwork on a giant, floating canvas to celebrate TED’s 30th anniversary. &nbsp; &nbsp; The sculpture spanned 745 feet between buildings in downtown Vancouver, Canada for one week in March, 2014. After sunset the sculpture came alive with illumination. Visitors with smartphones and tablets were able to paint vibrant beams of light across the sculpture at a remarkable scale: small movements on their phones became hundred foot long trails evolving and combining with fellow participants. As part of Google’s Data Arts Team, I developed, designed, and architected the visuals that visitors created on the sculpture. <img width="1000" height="666" width_o="1000" height_o="666" data-src="https://freight.cargo.site/t/original/i/b04508fe6ba2c3a2ead088ca36110818412eba3fa73c2b654d539f29f37dcea8/gallery-04.jpg" data-mid="71479192" border="0" src="https://freight.cargo.site/w/1000/i/b04508fe6ba2c3a2ead088ca36110818412eba3fa73c2b654d539f29f37dcea8/gallery-04.jpg" /> <img width="1000" height="666" width_o="1000" height_o="666" data-src="https://freight.cargo.site/t/original/i/7563a1b95d1b548b6ed4c09c68a1a454a86ad596bbb35a8c2d4d746327c2878e/gallery-02.jpg" data-mid="71479197" border="0" src="https://freight.cargo.site/w/1000/i/7563a1b95d1b548b6ed4c09c68a1a454a86ad596bbb35a8c2d4d746327c2878e/gallery-02.jpg" /> <img width="1000" height="667" width_o="1000" height_o="667" data-src="https://freight.cargo.site/t/original/i/6c7f190bc5b1e26d583bfd95a6b1a9e23f73486c88b65f615c59c6b1950e8b1c/gallery-01.jpg" data-mid="71479195" border="0" src="https://freight.cargo.site/w/1000/i/6c7f190bc5b1e26d583bfd95a6b1a9e23f73486c88b65f615c59c6b1950e8b1c/gallery-01.jpg" /> Photographs of the installation by Ema Peter https://jono.fyi/The-Doomsday-Invention Mon, 18 May 2020 00:36:34 +0000 Artistic & Studio Work of Jono https://jono.fyi/The-Doomsday-Invention ︎ The Doomsday Invention, 2015 The Doomsday Invention (link) is the title of an in-depth New Yorker article written by Raffi Katchadourian. In it, he explores the ethics and futures of artificial intelligence primarily through the thoughts, events, and circumstances surrounding Oxford philosopher Nick Bostrom. Working with Brooklyn-based studio Hunter Gatherer (link) and the New Yorker art direction team, we realized the publication’s first interactive illustration. This gave added weight to the article’s cover spreads on both the publication’s website and mobile applications, while simultaneously staying consistent with printed material.&nbsp; &nbsp; The direction stems from the concept of cumulative computer functions or routines. Each routine individually is rather simplistic, hence the geometric foundation. However, when combined and automated there are radically large combinations that yield unique but cohesive elements. The earthen color palette furthers the mundane nature of these routines. As society enlists more use cases of artificial intelligence,&nbsp; its currently mysterious movements will emerge as perceivable intent. <img width="1440" height="960" width_o="1440" height_o="960" data-src="https://freight.cargo.site/t/original/i/f8a00d1e7c5bf162d30f0b6d9a8c1f1c2ee483ada8561e44bc9e9a05c02e9cfa/new-yorker-mock-up.jpg" data-mid="71409284" border="0" src="https://freight.cargo.site/w/1000/i/f8a00d1e7c5bf162d30f0b6d9a8c1f1c2ee483ada8561e44bc9e9a05c02e9cfa/new-yorker-mock-up.jpg" /> Mockup of article on different devices and screen sizes <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/6ae294d84b799fb2ae89a2dba7469fe2f4a5f222df6292c96118cd6ff8c3831a/Capture.PNG" data-mid="71413343" border="0" src="https://freight.cargo.site/w/1000/i/6ae294d84b799fb2ae89a2dba7469fe2f4a5f222df6292c96118cd6ff8c3831a/Capture.PNG" /> Early prototype exploring parametric qualities of artificial intelligence routines https://jono.fyi/Art-Introduction Fri, 15 May 2020 20:56:16 +0000 Artistic & Studio Work of Jono https://jono.fyi/Art-Introduction There is a wealth of information in our world today. This surplus is thanks to the everyday technology we use to enrich our lives. With a few taps on your smartphone or clicks on your computer keyboard, we are presented scientific advancements, athletic milestones, political developments, and dinner recipes, instantaneously, and from multiple sources around the world. In one sense, technology collapses time and space in order to deliver information to us. But, what purpose does this serve exactly? I am interested in using this abundance of information as a medium to depict the human experience and the systems that implicitly guide that experience. https://jono.fyi/Artist-Introduction Sat, 02 May 2020 20:22:24 +0000 Artistic & Studio Work of Jono https://jono.fyi/Artist-Introduction Hey there, my name is Jono and I use graphic design and computer programming to explore the expressive qualities of technology. Like a painter, I observe, then I express what I see, and then I repeat the process over and over again. Information is my paint, technologies are my brushes, and making objects, both digital and physical, my canvas. To see some of my work, both artistic and commerical, keep on scrolling and thanks for stopping by. ︎