Tim Delrosario

SoundMap



Drawn from the traditions of community based knowledge and participatory mapping, make your mark on the ever changing tidewater region. Upload sound recordings, images, original art, and more on a live map. 

View the completed website in use here!

UI/UX
Branding
Website  

Background



In collaboration with Artist & Professor, Brendan Baylor, and Computer Science 410 /411 classes, I was tasked with creating the design system and overall branding of this project.The app calls on the participation of the local community to interact with the ever-changing landscape of Virginia. 
And through this app, we can address the continued impact of sea level rise and climate change on our community's emotional and psychological 
well-being. 








Place a Pin from Anywhere!





Archive sound recordings, interviews, original artwork, etc. of the location





See others’ Sound Markers!














Installation



As part of the project’s greater initiatives, it took form as an installation as well. A shipping container was converted into a gallery and native plant habitat with a green roof and planters. The installtion served as a physical archive of the pins from the website and played recordings for visitors to listen and deeply engage with them.


Design System & Process



In creating the overall design system, I took inspiration from the project’s environmental context. The final wordmark has Sound Map in the KT Projekt font with a line flowing through it to represent the rising sea levels and the ever so changing state of the climate. Surrounding the type are the ridges of the shipping container to localize it to the Tidewater region of Virginia



The color palette takes inspiration from nautical colors and once again, the shipping containers. Professor Baylor wanted to follow the cooler color schemes, but he also made a point of wanting to make the map unique. Letting the users know that when they open the app, it is not just a regular navigational map, but one that can be interacted with and used to upload media. Another map-based project, Queering the Map, makes this clear by changing the typical colors of a map to bright pinks and purples. We decided on a final palette, which consisted of a bold blue and a red-orange as the primary colors and the soft, cool tones as the secondary palette. We felt that this palette best conveyed the themes of climate change and the feeling of the Tidewater region.