Web design Showcase

Multi-directional scrolling adds punch to portfolio site

Get the ultimate scrolling experience with this inspirational portfolio site from digital designer Ian James Cox.

Don't feel like scrolling? Click on a project and the site will do it for you!

Online portfolios are the best way to showcase your creative work - especially if your work is primarily digital-based. Digital designer Ian James Cox has created a website that packs a portfolio punch thanks to its multi-directional scrolling.

We're first presented with a rather lovely looking home page, that boasts some excellent illustration and a particularly nice sharpie-inspired font. As we begin to look through Cox's work, it's only then that the full multi-directional scrolling experience begins.

Specialising in graphic design, illustration, HTML5 and CSS3 as well as wireframing, Cox has made a portfolio that we certainly won't be forgetting any time soon.

How he built it

"I had the idea of creating a large sketchbook full of illustrations that you could explore, following a path with unlimited twists, turns, bends and even rotations," he tells us. "My friend Abid Din, who's a senior developer at AKQA London helped me put it together."

The site was built using the Canvas API and a jQuery plugin called ScrollPath by Joel Besada. There's a separate mobile version too.

multi-directional scrolling
multi-directional scrolling
multi-directional scrolling
multi-directional scrolling
multi-directional scrolling

If you've come across some stellar multi-directional scrolling sites, don't hesitate to let us know in the comments box below.

Like this? Read these!

What do you make of Ian's site? Let us know below!

Log in to Creative Bloq with your preferred social network to comment

OR

Log in with your Creative Bloq account

Social tabs

47K and
growing
Join our Facebook community

Discuss your projects. Win prizes. Get your hands on the best freebies. And much more!

115K across the
network
Follow us on Twitter

Follow us to keep up with the hottest news in 3D, web design, graphic design, and more!

RSS INSTANT
NEWS
Get instant news

Get our posts direct to your news reader of choice. We recommend Google Reader for beginners.

Get our newsletter!

Sign up to receive a summary of the week's hottest design news from around the web! (Coming soon.)

site stat collection