burnt1.png
burnt_1.png
burnt_3.png
burnt_2.png
burnt_4.png

As part of my Advanced Web Design course at CalArts, I designed and developed burnt: a javascript application that takes users inputs of zip code, skin tone, and SPF and, using a calculation (avg skin tone time without sunscreen x SPF # / UV), a user is told how much time they can spend outside without burning. Use burnt yourself here.

I did research to come up with the calculation for the output. I designed the burnt logo and used the typefaces VT323 and Anonymous Pro. Each range of results is shown with a different gradient background. I wanted to use colors that evoke the sun, skin, and potentially getting burned. I wanted burnt to be practical, useful, and a little cheeky.

My professor Roman helped me with the actual javascript and with finding APIs to translate zip codes to latitude and longitude values that were then converted to UV index values. Below is the initial planning for the app and basic wireframe.