Support road.cc

Like this site? Help us to make it better.

About road.cc’s new design: what we've changed and why

We redesigned the site, here's why. We hope you like it!...

You might have noticed, but road.cc has changed! We’ve rolled out a new design. For lots of reasons.

Why have you changed it?

We haven’t redesigned road.cc for about five years, and it was due a revamp. Since then we’ve added a number of other websites to our portfolio, and we wanted to make it easier to find content from those sites too: it’s all about bikes, after all, and many of you ride lots of different bikes. We've added a top menu to give you access to the newest content from all of our sites.

new multi-site menu

The majority of our traffic is now on mobile. That wasn’t the case five years ago, so this time around we’ve optimised the site for smartphones. We’ve been working a lot on the load speed of the site, and we’ll continue to optimise the site so it loads faster and is easier to navigate on the go.

We’ve fully redesigned the home page, with the aim of exposing more of the site’s content and giving you as a reader more to choose from. Nearly a fifth of our page views are of the home page, and we want people to have as many options to read on as possible.

We’ve increased the number of featured slots at the top of the home page, and reduced the duplication in the sections below. The news live blog is a major part of our news offering and we’ve prioritised that: the latest live blog will always be at the top of the site.

road.cc review filters

For reviews, we’ve added filters to the review sections so that you can find the products you’re looking for more easily. On the individual reviews we’ve separated out the key facts so you can get an overview of the product’s performance, and read the full review if you’re interested in more detail.

We've moved comments to a threaded display and the default is now to show the newest comments first. This is for a number of reasons. If you want to comment but don't want to go through the whole thread, then the commenting box is now at the top. and replies to comments sit in a logical way so you can follow individual conversations. You can still change the ordering of comments as before if you prefer a different view.

Some of it needs fixing

Obviously there's some stuff we know doesn't work quite right. You can't see the comment ordering menu on mobile, for example, and you can't click on the comment count icon to take you straight to the comments. And hawkinspeter can't upload any squirrel images. But we're working through them and they'll be sorted in due course.

There are so many ads now!

There aren’t any more ads than there were before. We’ve changed the sidebar ad logic so that they stay in view for longer when you’re scrolling down the page, so at times it may feel a bit more ad-heavy, especially if you’re on a big desktop screen. We’ll continue to work on the balance of ads and content. For the redesign we’ve tried to keep the ads out of the main copy flow to make the site easier to read.

What’s next?

After fixing all the stuff that we broke in the redesign, the next step for us is to integrate our websites further, so it’s easier and more understandable to move between road.cc, off.road.cc and ebiketips. The road.cc redesign will be rolling out to the other websites, and there will be more content from the other sites on the home page of road.cc.

Dave is a founding father of road.cc, having previously worked on Cycling Plus and What Mountain Bike magazines back in the day. He also writes about e-bikes for our sister publication ebiketips. He's won three mountain bike bog snorkelling World Championships, and races at the back of the third cats.

Add new comment

59 comments

Avatar
Jonny_Trousers | 4 years ago
2 likes

I'm enjoying all the extra ads. Especially the ones that flash at me and move around.

 

Avatar
Tony Farrelly replied to Jonny_Trousers | 4 years ago
0 likes

There aren't any extra ads

Avatar
Muddy Ford | 4 years ago
1 like

Unlike a lot of web makeovers, I think the road.cc one is a big improvement. Easier navigation, seems faster, and easier to read on phone and tablet

Avatar
caw35ride | 4 years ago
0 likes

Thought it was a bit too clean at first, but I have adjusted (or may you did some adjusting). Dark Mode, please.

The tiny grey lines that separate articles on the home page are almost invisible on a hi-res desktop (Mac 10.15.2 , Safari 13.0.4). I love that you have packed the content in and not wasted any screen real estate (e.g. BA's woeful new design)..

I actually preferred the "add a new comment" at the bottom of the comments, might persuade people to read before they rant!

A belated thank you for all the content! laugh

EDIT: the hamburger button at the top-left of each page doesn't work for me, system specs as above.

Avatar
FrankH | 4 years ago
0 likes

I use Linux Mint and usually use Firefox as my browser. I can't see comments, just a rotating icon, presumably telling me the computer is working on it which I stop believing after about five minutes. I've had to open Chrome to post this message.

Avatar
hawkinspeter replied to FrankH | 4 years ago
0 likes

Firefox on Linux should work fine - it does for me. Have you got many extensions installed? I find NoScript is usually the culprit if part of a webpage doesn't work (or uBlock or similar).

Avatar
Hirsute replied to FrankH | 4 years ago
0 likes

Were you logged in when you tried? I find that at home I have to be logged in to see comments but on my work pc I don't.

Avatar
yourealwaysbe replied to FrankH | 4 years ago
1 like

I had the same issue that turned out to be μBlock. In particular, whitelisting amp.services (whatever that is) fixed it (click "i am an advanced user" on the μBlock dashboard, then on the road.cc site, click μBlock and mouseover to the right of amp.services and pick green).

Avatar
FrankH replied to yourealwaysbe | 4 years ago
0 likes

Thanks for the pointer. I turned off AdblockPlus for this site and that fixed it.

Just a thought: Do sites get revenue just for showing ads or only when the ads are clicked. I don't click ads so if they only get revenue from click throughs they're wasting their time insisting on showing ads to people who specifically don't want them.

Avatar
dave atkinson replied to FrankH | 4 years ago
1 like

sites get revenue mostly from displaying the ads, not via clickthroughs

Avatar
TedC | 4 years ago
0 likes

Please could we lose the "floating" ad at the bottom of the screen. Realise that ads are required, but it's particularly annoying on a mobile device with limited screen space.

 

Avatar
bechdan | 4 years ago
3 likes

Sorry, I preferred the previous layout

Avatar
EddyBerckx | 4 years ago
3 likes

Guys, I really appreciate all the work you do and also, this is a free site which I thank you for!. Good luck with the rest of the changes and fixes and so on!

Avatar
EddyBerckx replied to EddyBerckx | 4 years ago
0 likes

...also...you got a slight kicking from the utility cycling dudes on the commute bikes of the year story.

Are there any sites focused on this field? Could this be your next spin off?

Avatar
ktache | 4 years ago
1 like

I think it all looks very nice.

Thank you for all of your efforts, there must have been some difficulties.

Look at us all knocking changes to this wonderfully free website.

I'll miss the new comments running down the articles, but I can  live with that.  Only lazyness on my part.

Avatar
Tony Farrelly replied to ktache | 4 years ago
2 likes

putting the new comments bar at the bottom of news stories (and probably on some other parts of the site too) is on the list of things to do. We've already moved it further up the homepage.  

Avatar
hawkinspeter replied to Tony Farrelly | 4 years ago
2 likes

What I'd find useful is maybe a separate page with just a top twenty/thirty list of most recent comments on the articles. That'd satisfy those of us who mainly hang around to read and post comments and wouldn't affect the design of the home page (well maybe just a link to it).

Avatar
dave atkinson replied to hawkinspeter | 4 years ago
3 likes

i'll see what i can do

Avatar
Hirsute | 4 years ago
0 likes

"You can't see the comment ordering menu on mobile, for example, "

Yes you can if you click on the white space you get a menu.

As someone who is currently the main person to upgrade the finance system at work, there's this thing called testing.

Avatar
Tony Farrelly replied to Hirsute | 4 years ago
2 likes

There's a difference between testing and reality. Stuff always breaks on first contact with live servers and users. This time round the amount of stuff that's broken amounts to a very short list. If we'd left comment ordering the way it was most people probably wouldn't have noticed it was broken on mobile.

Avatar
Hirsute replied to Tony Farrelly | 4 years ago
0 likes

How is it broken on a mobile?
The button is not visible for most but the functionality is there.
There are emulators available for testing on a mobile.
Still I will try 'testing is not reality' in the next upgrade catch up.

Avatar
Tony Farrelly replied to Hirsute | 4 years ago
0 likes

hirsute wrote:

How is it broken on a mobile? The button is not visible for most but the functionality is there.

That's how it's broken

Avatar
Hirsute replied to Tony Farrelly | 4 years ago
0 likes

There is a box now on my android on Chrome.
Brings up the menu I was getting.

Avatar
Freddy56 | 4 years ago
0 likes

Good luck, with the new look. Success on my ipad, but not on full screen desktop with left hand, 2 right hand and top ads feels too much. closing the creen down gets rid of the extra right hand ad and all is good again. I do like the single log in for all the companys sites and content. keep it up.

F

Avatar
boringbutton | 4 years ago
0 likes

I'll play with this later. 
 

 

Avatar
hawkinspeter | 4 years ago
1 like

I've been searching high and low for an image-to-ascii converter that uses proportional fonts without much luck (I did find a colour html based one, but it still relies on a monospaced font).

Avatar
dave atkinson replied to hawkinspeter | 4 years ago
9 likes

you have way too much time on your hands

Avatar
hawkinspeter replied to dave atkinson | 4 years ago
11 likes
          )" .
         /    \      (\-./
        /     |    _/ o. \
       |      | .-"      y)-
       |      |/       _/ \
       \     /j   _".\(@)
        \   ( |    `.''  )
         \  _`-     |   /
           "  `-._  <_ (
                  `-.,),)

It just doesn't look right.

Avatar
Tony Farrelly replied to hawkinspeter | 4 years ago
3 likes

It doesn't look terrible though.

Pages

Latest Comments