Juilliard School of Music
branding. print. interaction.
Graphic notation is the representation of music through visual symbols, capturing not only the auditory but also the emotional characteristics that music embodies.
The Juilliard School of Music is enriched with history, teaching some of the world's best musicians. To represent all the various attributes of Juilliard, a redesigned logo was necessary. The essence of the rebrand was inspired by visualizing the diverse sounds of Juilliard and its students, leading to the discovery of graphic notation and the different ways it's expressed as a visual and auditory component.
![](https://freight.cargo.site/t/original/i/823b633da1bcd688340fbbfcc6d288c146eec08a791649bf869d5e22e44ef6b1/juilliard_layout_v2_2500.jpg)
Identity Redesign
The old Juilliard logotype with the redesigned logo lockup and animation of the design elements moving to the sound of an orchestra tuning.
![](https://freight.cargo.site/t/original/i/ac10220be212eaf11fee75a40ae772abdc5ca6554b382b35bfa64489856ea0af/old_new_logo_v2.jpg)
![](https://freight.cargo.site/t/original/i/6656209518cda9a37277edb626528bc84fb2aa5b7ae3bb1e2470bbc90d4df045/ezgif.com-video-to-gif-2.gif)
Poster Series
Two poster series were created to display the beauty of graphic notation and the role it plays as a visual medium in an auditory culture. One poster seires visualizes three different genres of music and expresses the energy and sound through colored paper. The second series is a distilled infographic perspective of diffrernet musical ensambles.
![](https://freight.cargo.site/t/original/i/345f141bccecb8878edcabe7d9eadc2ce03f2059b244af200a2a33ca669ea440/poster3---mahler-2_1200wide.jpg)
![](https://freight.cargo.site/t/original/i/59ee893ede085ad79cc63149e08a34ba6e212efca189f7c9f2435fd0ecebc1dd/orchestra-posters-01_1200wide.jpg)
![](https://freight.cargo.site/t/original/i/25012aef61553d04887a0be852ecc279980eb95b6e9ca66db6fb19709c50f4f1/orchestra-posters-03_1200wide.jpg)
![](https://freight.cargo.site/t/original/i/4dac9335cad08a3bf1907ae28d4f60d2b265093f33eeac9306cd9d91c7b7feff/poster2---mozart-2_1200wide.jpg)
![](https://freight.cargo.site/t/original/i/3d68bd9d786c665ce17b05aa4a072f1f98cd97bba7011d9c8e8c8d5ecddb8b31/poster1---jazz-2_1200wide.jpg)
![](https://freight.cargo.site/t/original/i/e048a48acd340297438f48c430cfcdf9f08587037719fcef962bc762bdb4df1c/orchestra-posters-04_1200wide.jpg)
New Student Mailable Welcome Packet
Incoming Juilliard students will recieve a mailed package that provides students with information on their financial checklist, admissions, student life, faculty, and performances. In addition, students will recieve a complementry ticket to a Juilliard orchestra performance and a 13x19 wall poster.
![](https://freight.cargo.site/t/original/i/d7fccb628c7169f2c213a4e8c19117ce9a885df8d7f97d3aa89aab3359406b4d/DSCF0818_2000.jpg)
![](https://freight.cargo.site/t/original/i/a786080bc8a64eb81faac494c7dba3c3339c7452701ab20c3e1e46b8917a1465/DSCF0827_1_2000.jpg)
Mobile Applications
The Juillard School of Music app will contain everything an aspiring musician would need; campus concerts and recitals, chromatic turner, metronome, the school’s vast database of sheet music, and an audio recorder.
Coded and designed in Framer.
![](https://freight.cargo.site/t/original/i/b281e443ba294994150bf992a0f426d5548e9d356969535a634ce2b1f1036b51/screen-flow.jpg)
![](https://freight.cargo.site/t/original/i/b0d73634c024cd8d666bc21951560cbdc6173aa0fd4d5a48468552752e839b3f/Screen-Shot-2018-08-17-at-2.34.23-AM.png)
![](https://freight.cargo.site/t/original/i/18452d869f04e0352863f2a25f275858a31cbdb77c28edc6392267b2a5c90a2e/Screen-Shot-2018-08-17-at-2.34.41-AM.png)
Micro Interactions
A few of the responsive micro interactions are a responsive header, a floating action button (FAB) that provides different actions, and fully responsive keyboard input.
![](https://freight.cargo.site/t/original/i/d5b3bfc353f9f168f2874ace45d7d727b3757b43e6075bb7ca1e2efa3a0f148c/micro_interaction_2R1.gif)
Editorial
Listen Carefully is an editorial peice that explores the depth of graphic notiation and the different ways composers and artists visualize music.
![](https://freight.cargo.site/t/original/i/7be8f4423e8fc3815f444be75cebaa51aa6633a29c49299eb89b9a1bb20e27d8/DSCF0815-2_2000.jpg)
![](https://freight.cargo.site/t/original/i/f853403b20dcad7a6d52c07c620ca5ec9492f772ef6e846437a680f33b050206/DSCF0777_2000.jpg)
![](https://freight.cargo.site/t/original/i/473fc15a2aacb25d4c7793172a12a0aaa08bdb31a4d78ad329d56f27192d4944/DSCF0807_2000.jpg)
![](https://freight.cargo.site/t/original/i/70b5986541c0e2fb0ee06fe47cf78e1f6b14e15eb8887af0f809e18221dd220a/DSCF0808_2000.jpg)
![](https://freight.cargo.site/t/original/i/73e0b7d3bcad4cf0952b1384667bbd6f6b3694240d81a4fdf070064f5b92bdb1/DSCF0789_2000.jpg)
![](https://freight.cargo.site/t/original/i/80667540b63e68c1f5f35d7e5078107412b16be0aac12ee1c84f6b72bc494992/DSCF0800_2000.jpg)
![](https://freight.cargo.site/t/original/i/8604e257f16274834b4436baa85edd3a02ab93c8cc7f5c0aacefbe30e47b1f66/DSCF0813_2000.jpg)
![](https://freight.cargo.site/t/original/i/bad08e38b506bed8cfc1d7de91ec56ef3437cd01673065b34e3de5a815d3eebe/DSCF0806_2000.jpg)
![](https://freight.cargo.site/t/original/i/fb8135b92eaa8d91831e3b8db7a7e23ea448bd2442b47c1a54d4d3ff3277960d/DSCF0796_2000.jpg)
Outdoor
![](https://freight.cargo.site/t/original/i/eab8de5abe0a134bf6c410ef994f186e8518e586bf0bc719752b73c98558b097/Billboard-0490-2018-08-16_2000.jpg)
![](https://freight.cargo.site/t/original/i/cc7e06c9841ecdc2e3318a2a6fb9846014fa03af80553512d48d877c721180af/Billboard-0049-2018-08-16-magic_2000.jpg)
Spatial
A spatial projection is controlled by a user’s input on a piano. Each individual key on the piano is visualized in size, color, and location, visualizing music and sound into a singular experience. The generative code was made in Processing.
Print Collateral
![](https://freight.cargo.site/t/original/i/d1d83136ae9f324a530d9fb1cd3664a28145cadbc0610b1dccc34c25c5eadd6e/DSCF9956.jpg)
![](https://freight.cargo.site/t/original/i/5e6ff1ff0b976216bcddf22b7d7dce73a03e93d3c0bab8e810956d33084f77ba/DSCF9959.jpg)
![](https://freight.cargo.site/t/original/i/689c39c2353c501e642c89824d020d0440ef7a555039af9746390e26c8186160/DSCF0822_1_2000.jpg)
![](https://freight.cargo.site/t/original/i/d90b2f46083bb87033847aab26a0ffcfeb92dcd1db1a13f640db8d0d265800a8/DSCF9978-copy.jpg)
Process
This was an exercise to visualize how sound and different music could play a informational and emotioanl role to different audiences. Similar to that of music notation, generative forms were created through code using Processing.
![](https://freight.cargo.site/t/original/i/7ebe122f799152f22cf6f9231ef502e614c83e2e1cfa74368bdb6ee7747c21bc/gen_logo10.jpg)
![](https://freight.cargo.site/t/original/i/c51c19b387ccf39d94b81da0cfe5fcdeee66169072e6e8a70e030dab91e11ae7/gen_logo3.jpg)
![](https://freight.cargo.site/t/original/i/08e3e702636b5845a18544ee4e667485056fd22cae4a508dcb51031a4b58a4e5/gen_logo4.jpg)
![](https://freight.cargo.site/t/original/i/98221098098b7718560d3af7c4b32ead20e1a734ab734983df2024900259fd8e/gen_logo.jpg)
![](https://freight.cargo.site/t/original/i/b7fee074a456598fb81e4df767aadc7b0f41be56607b2689c181fb210490589c/gen_logo7.jpg)
![](https://freight.cargo.site/t/original/i/81428f51df61a951729d58f92494ec2efec4ba70d813eba0c51ebaa01a651313/gen_logo6.jpg)
![](https://freight.cargo.site/t/original/i/2a9262829f4493d9863a6eef4569435135eb6a7c2f22941521e13f9d3e83716d/gen_logo9.jpg)
![](https://freight.cargo.site/t/original/i/739c263df87f12cda441e5bda68687dd6bd7b6aa4b3f50f2c867483d0a2285dd/gen_logo5.jpg)
![](https://freight.cargo.site/t/original/i/098d0090bee605cc0c67c1ab91008a0fd6aafad115855588e0f98fc0639fa47d/gen_logo8.jpg)
![](https://freight.cargo.site/t/original/i/9251ad944e72b11b9863e4356f0b609670722c9408541fcd1f3ca2204531566b/wk05-variations-2-01.png)
![](https://freight.cargo.site/t/original/i/8ee4b8e56d818120fd84f583929386d3f579da3f791de03cf5e518ccf3071d76/wk05-variations-2-04.png)
![](https://freight.cargo.site/t/original/i/f8411462986ecda902f76368902771ff0c7c671c463178db13b61cf412ac006b/wk05-variations-2-08.png)
![](https://freight.cargo.site/t/original/i/e63046d0839ecb39905ab754ac9288f7f35aeb9dfa77b6176061bc45ef1a1a13/wk05-variations-2-16.png)
![](https://freight.cargo.site/t/original/i/67970b6a0eec9ac6f93d553f0574bd2cff7c6eacf4555bc7867c14a59c6c7c5f/wk05-variations-2-05.png)
![](https://freight.cargo.site/t/original/i/0bab4102766a3d74ebc5329f3f80ff0dcf15e7ee37be315509082d4ad6effb5f/wk05-variations-2-03.png)
![](https://freight.cargo.site/t/original/i/b7c8194fea0fa8e0bc0357ef39b1a295f2a36f59deab141ec32362fe08bbbab9/wk05-variations-2-06.png)
![](https://freight.cargo.site/t/original/i/865bfb17176994da01a526d480e2c067217a8aae881b3388867405991717d263/wk05-variations-2-17.png)
![](https://freight.cargo.site/t/original/i/f85f519abcf3e384577f1a402333e96d364286265d9b4ae97615982a309a9eb2/wireframes_5.jpg)