The circle is complete! I finally made a new website for the rock band Danger Avenue. It only took five years…
In the fall of 2010, I had recently graduated college and was looking for work. I came to the conclusion that it wouldn’t hurt my chances if I’d get better at web design.
Luckily, my friends in Danger Avenue were in need of a new website that they could manage on their own. I dove in head first and after a few weeks my first proper website went live, cool.
With this year’s upcoming release of the band’s sophomore album, Danger Avenue needed to step up their online marketing.
The previous website was in great need of improvement. Browsing it on mobile devices was terrible. Partly due to its non-responsive design, but mostly due to it’s poor performance.
Its content was also out of shape with broken links, a bloated biography, a broken media player and no photos of the band’s current lineup.
Design process and goals
First, we rewrote the content. The goal was to satisfy old fans, new fans, journalists, club owners and labels. We decided on the following:
- A news feed focusing on new gigs and music
- New and past tour dates
- A short biography including contact information and photos
- A summary of what’s happening right now
- Links to the band’s social media profiles
Discussing the website with the band before their gig in Stockholm on March 11.
Second, the website was to be designed with a Mobile First approach. It needed to be fast to load and effortless to browse on a mobile device.
Third, we decided to base the graphic profile on the logo and the artwork for the band’s new single, Trees. A visual revamp will be done once the band has decided on artwork for their new album and taken promo photos of the current lineup.
- Runs on WordPress
- SASS is used for writing CSS
- No support for Internet Explorer 8
- Images compressed using JPEGmini and TinyPNG
- Icon font used for icons
- W3 Total Cache for optimizing performance
- Yoast SEO for optimizing SEO
- Google Analytics by Yoast for tracking visitors
- Disqus Comment System for avoiding comment spam
- jQuery, because I’m lazy ;)
- FastClick.js for removing the 300 ms click event delay on mobile browsers
- Waypoints.js for making navigation menu sticky when scrolling
- FitVids.js for correctly scaled full width video embeds
Custom WordPress theme
The website runs a heavily modified child theme of the official WordPress theme Twenty Twelve.
Visit the new version of dangeravenue.com and enjoy their new single, Trees.
If you find any bugs or have ideas for improvements, let me know in the comment section below.