Punkrock Wedding Website

Screenshot of the Punkrock Wedding website

This project is particularly dear to me, as it’s the website I made for my sister’s wedding. The main page lists their honeymoon destinations: Each place has a card showing a picture and a brief description on mouse hover. The fonts and colour palette used in the website were the same as in the invitation letters and at the reception venue — talk about branding!

On the day, the website also included an Instagram page, which was a web scraper that showed the guests a collection of all the pictures posted on Instagram with the wedding’s hashtag, #GinZano2018.

The idea behind the project was that all guests during the day could contribute to the site by tagging their photos on Instagram, and see the photobook of the day take shape in real time!

See the live website or the Github repo.

  • HTML
  • CSS Grid
  • AJAX
  • jQuery
  • Google Analytics