johnson banks' new website is a side-scrolling splendour

Head over to the 'About' section on the new johnson banks (opens in new tab) website and you'll see that it describes itself as an agency capable of 'combining the verbal and visual in a way others don't, or can't'. This is definitely the case with London-based design consultancy's own website, which has recently been given a dramatic redesign.

Revealed at the end of March, the new-look site is a collaboration between johnson banks and BONG (opens in new tab) that tears up the web design rulebook. Instead of going for the long scrolling approach that has come to dominate the online landscape, the new johnson banks site features a horizontal scrolling layout, with different items making their way across the screen at different speeds.

• 6 web design trends worth knowing for 2017 (opens in new tab)

When you first land on the site, the design can be a lot to take in. With a bright colour palette and dozens of rectangular tiles waiting to be clicked on, the homepage looks more like a TV test card than a website. But once you start scrolling you'll quickly figure out how it works and start exploring the many impressive branding case studies. There's also a navigation bar to ensure you'll never get lost.

This is why the new johnson banks site has won heaps of praise in such a short space of time: it's got an experimental design that actually works. There are plenty of whacky websites out there that are brilliantly odd but a nightmare to use. Not so with johnson banks.

The team has taken the same rigorous approach it uses for its branding and design work, and built a site that works smoothly and looks amazing. Don't just take our word for it, though, designers from all over the world have been singing its praises on Twitter...

Related articles:

• 9 brilliant uses of 3D in web design (opens in new tab)
• 11 web design tools you can't live without (opens in new tab)
• 10 great uses of whitespace in web design (opens in new tab)