• Add to Collection
  • Tools Used
  • About

    About

    This is the redesign for lovelinetapes.com. While it isn't live quite yet, I've built out the fully responsive HTML and CSS for it and am very ex… Read More
    This is the redesign for lovelinetapes.com. While it isn't live quite yet, I've built out the fully responsive HTML and CSS for it and am very excited for it's launch. Read Less
    Published:
This was a labor of love, pun intended. I've always been a fan of Loveline, the old radioshow featuring Adam Carolla and Dr. Drew, so I jumped on the chance to lead the redesign for lovelinetapes.com. Loveline Tapes is a fan created site that features a full archive of old shows,  free to listen to. 

This redesign is complete, I've build out fully responsive html/css for all of the pages and they just need to have the PHP added in. Hopefully you'll see this new design up in the near future!

You can check out the static HTML/CSS version online here: http://www.davevsdave.com/lovelinetapes/index.html (dummy text and no audio loading)
 
The new logo I designed above.
Fully responsive design looks great on tablets and mobile phones. I made use of tabs and accordion menus to boost user experience. 
The above home page in it's entirety. You'll notice that I'm only using dummy text and photos... soon, hopefully, the website will be live and it will have the real data loaded.
The show page is jam packed with information and data to organize. I used sidebar widgets and sectioned off the most important content from top to bottom so that users can easily find the content they want.
A close up of the player design. 
The VERY long Loveline story page. The staff images on the second half work similar to the way Google images does, click one and a row below it will open up with information about that staff member. It was fun figuring out how to use javascript to make that work.