Meghan Andrews

Email icon. contact me

Are.na icon. Are.na icon. are.na

Pinterest icon. Pinterest icon. pinterest

Screenshot of a website with large piano keys sprawled across the screen. Spotify embeds sit at the bottom of each piano key and song lyrics as well as sound descriptions sit below the keys.
See website

This was made for a web-design class at Virginia Commonwealth University, where I learned HTML, CSS and a little bit of Javascript.

Our assignment was to create a website that referenced a structure in some way. I chose to reference a piano/keyboard. I wanted the viewer to be able to "play the piano" by clicking the keys. But instead of "piano sounds" coming out of each key, a song would play instead.

I wanted to make my website perceivable to viewers who are deaf or hard of hearing, which is why I included the lyrics and sound descriptions. I decided to approach the sound descriptions as if I were describing the songs to a friend.