Connect with us

Published on: 29 Jun 2016

I told Adam Caroll I didn't like his website, live on stage. It made want to do a redesign...

The current Adam Carolla Show Website

below you can see a screenhot of the ACS website homepage.

Adam Carolla Show homepage Adam Carolla Show homepage

So, why don't I like Adam Carolla Show site?

#1 It is not responsive

Here is what it looks like on a iPhone 6:

Adam Carolla Show homepage on a iPhone 6 Adam Carolla Show homepage on a iPhone 6

As you can see the website does not look different on a small screen, modern websites will scale on small screens to be better readable and easy to use, this is called Responsive web design.

#2 The menu is too big

Below you see the header and menu, there are many items and it is not clear wich pages are the most important. The menu also features a big dropdown for sub-pages wich does not work well on touch screens.

The header also features a big ad for Adam's beer, whilst I understand Adam wants to sell a lot, this is probably a too prominent place for this ad.

Adam Carolla Show website header Adam Carolla Show website header

#3 Stage features a small slider

Sliders are fine, they can be nice to showcase your latest content, however the slider on the ACS homepage is very small and does not work well on mobile.

The images and text in the slider are very small and dont really trigger visitors to click on it.

Adam Carolla Show website slider Adam Carolla Show website slider

#4 content area is a bit long and has various functions

The main content is a long list of various updates, some links open a other page, some go to the iTunes store and even others go to a different website!

Users want to know where a link will go before they click it.

Adam Carolla Show website content Adam Carolla Show website content

#5 Events area is a bit messy

The events area features a list of events that you can click though, wich is nice, but the buttons don't reall appear to be part of the list.

The text in the events area is all the same color and very hard to read. Finally the images used are all the same, no real need to show them.

Adam Carolla Show website events Adam Carolla Show website events

#6 Ads, ads and ads

I get it, ads are needed, we need to keep the ACS pirate ship afloat!

But by having all the ads together like this it is easy to ignore them and it looks very messy!

It would be better to show less ads but on more prominent places.

Adam Carolla Show website ads Adam Carolla Show website ads

The Adam Carolla Show website redesign

So here is my concept for a new site, I use basically the same content and images but try to structure them in a cleaner and more spacious way.

Header

I made the menu more prominent with less items, and added a second smaller menu for less important links. This also allows space for other needed links or specials in the header.

Adam Carolla Show website redesign header Header section

Stage

I dropped the slider and use the nice image of Adam for the stage, added big Call To Action buttons to the two most important things: the episode player and the premium membership link.

The new stage also allows for some nice content to let new visitors know what the hell this website is about.

Adam Carolla Show website redesign stage Stage section

Latest shows

Added a nice Latest Shows section after some great feedback from the Adam Carolla community on Reddit!

The idea is that you can slide to the latest 3-5 shows, the section dupports space for some content a good quality image and Call To Action buttons.

Adam Carolla Show website redesign latest shows Latest Shows section

Main ad banner

Below the stage I added a narrow red banner to show the IPA add, it is very prominent but does not break the layout of the page.

Adam Carolla Show website redesign ad section 1 Ad section 1

Social Media

Below the ad another section for social media links. Since getting new listeners is very important for The Adam Carolla Network this deserves a very prominent spot.

Adam Carolla Show website redesign social Social section

Latest update and events

The next section is the main content of the site, events and updates.

I made sure to give the items more space and to add buttons that are easy to spot and that describe where they will go: iTunes/the payer/a page.

Adam Carolla Show website redesign content Content section

General ads

Time for some ads, I just show 3 in a row. This way the ads look nice but don't break the look and feel of the page. Even better, they probably will be clicked on more.

Adam Carolla Show website redesign ad sectoin 2 Ad section 2

Links to other shows

This section is for the links to other shows, I made it prominent ans centered the items.

Adam Carolla Show website redesign other shows Other shows section

Footer

Finally I add a footer with links to most of the pages. There is space here for a lot more if needed.

Adam Carolla Show website redesign footer Footer section

The full Adam Carolla Show website redesign

So below you can see my concept, I really hope you all like it and welcome any feedback or questions about it!

Adam Carolla Show website redesign Adam Carolla Show website redesign

The iPhone 6 version

At request, here the iPhone 6 layout.

Adam Carolla Show website redesign iPhone 6 Adam Carolla Show website redesign iPhone 6

DISCLAIMER This redesign is not done at the request of the Adam Carolla Show, it is simply a showcase of what I would do with the site if Any Screen Size was to redesign it.


The story for this redesign

Find out why I did this redesign here.


Feel free to contact us to find out if we can help you improve your website.

Lets chat free of charge