Event Flyer Webpage Project

in #webdesign8 years ago

This past weekend my friend and frequent collaborator named JKJ completed his new hip hop album called 'Big Points No Losin'. Jkj is a conscious hip hop artist from Pittsburgh, PA. He and I have been collaborating on music since 2014. Anyways he decided to throw an album release party and he sent me the flyer.

IMG_0087.JPG

I saw it and totally got inspired. I'm getting better at web design, and decided I wanted to make a flyer webpage. Simply replicating that flyer using CSS, HTML and adding music to the page using JavaScript. 8 hours of figuring out how to get everything together I completed the website:

pghflyer.info

IMG_0088.PNG

I made it responsive, so there's a mobile phone version and a desktop version. I used Tone.JS as the JavaScript music player. The music only works on the desktop version (maybe android tablets) Put links on it and that was about it.

I might make more interactive flyers in the future. It was definitely fun to work on!

Natekodi.com
RareNation.com
PghFlyer.info