This project contains images and insight from my work doing web design and development for Aukland, an up-and-coming indie rock band from Toronto. Check them out at http://auklandband.com/ to learn more and give them a listen on the website's Music page - I promise, you won't be disappointed.
 
WordPress/PHP/JavaScript/HTML/CSS/Photoshop
With this website, I challenged myself to create something beautiful. I truly believe that big things are coming for this band, so I wanted to make Aukland a website they could be proud of. Something familiar for their fans, and also memorable and eye-catching for agents looking to sign the next big thing.
 
Making the website responsive was an absolute must, so I designed it with a mobile-first approach using Zurb Foundation. I used WordPress as a CMS for the back-end to allow the band to easily update and maintain the site in the future.
I was given full-reign by the band to do whatever I wanted to with the website. Having seen my previous work, the band trusted me to create something awesome for them.

My process began by first figuring out the band's needs for the website. What sort of content will there be? Who is their audience? What are other bands that they look up to doing with their websites?
Most of the work on the website was done during my Winter exams at University. As such, I didn't always have my sketchbook with me. If an idea struck, I'd sketch it down wherever I could - a notebook, some scrap paper, or even a whiteboard.
 
Around the same time, Aukland was announced as headliners for the Rogers Hometown Hockey Tour, and wanted to have their new website live before the first show. After countless late/sleepless nights, I managed to complete work on the site and have it up and running just as the band began the first leg of the tour.
Animated gif of the homepage, showcasing the background's parallax and the menu bar's scrolling transition (2015)
The website's homepage on small and large-screen devices (2015)
The "News" page (2015)
The "Tour" page, which uses the BandsInTown API to pull and display Upcoming and Archived tour dates (2015)
The "Music" page (2015)
The "Videos" page (2015)
The "Contact" page (2015)
Aukland Website
Published:

Aukland Website

Insights and images from the web design and development for http://auklandband.com/ - the website for Aukland, an up-and-coming indie rock band f Read More

Published: