15 Examples Of Scrolling Done Right In Website Designs
In using many aspects of web design, some designers prefer using the same style or technique while others like to revamp their website design to reflect the latest new trend. Sometimes though, a site design uses a technique that is just right; no other method could give a similar or better result or impact.
We will be showcasing 15 site designs that utilized scrolling to keep their visitors engaged and stay on the page. Some of them tell wonderful stories, most of them are highly interactive but all of them give you great reason to keep scrolling. The screenshots here do not do the sites justice; be sure to click on the relevant links to view the beautiful animations/presentations in action on the respective websites.
Recommended Reading: Showcase Of Beautiful Movie Website Designs
NASA Prospect. Brought to you by a team of students designers at the University of South Dakota, NASA Prospect is an interactive story of two prospectors from Earth, Nicolas and Ema, who are trying to find remnants of human music contained in the golden recorders. The site’s catchy music changes as you scroll down.
Browser Awareness Day. Designed for both techies and average Internet users, Browser Awareness Day is a creative attempt to promote the importance of upgrading outdated browser versions for all Internet users.
Tinké. An interactive presentation for Tinké, a revolutionary gadget that allows you to easily monitor your fitness levels with your phone. All you need to know about Tinké can be found on this website.
MutantLabs. A website with design elements befitting a creative studio that dabbles with innovative games on multiple platforms.
Activate Drinks. A great parallax scrolling website with vivid colors and cool 3D visual effects. All that combine to produce an experience that transcends that of an ordinary product commercial.
Cascade Brewing Co. Another example of a website that makes good use of creative design elements to promote its products. Its products are laid out nicely with easy navigation options.
Inception Explained. Confused with what happened in Inception? If you still want to know, this website breaks down the movie plot in easily digestable chunks, going down level by level all the way to limbo. Yes, the colorful and attractive design elements and great use of scrolling really helps the storyline.
Bellroy: Slim Your Wallet. Bellroy, a wallet manufacturer, has a special page on their website called "Slim Your Wallet". It’s full of quick tips on how to help your wallet "lose the bulge".
Carnation Group. A highly interactive website with cool flat designs befitting a company with more than 15 years’ worth of experience in providing digital creative solutions.
Captain Dash. Meet Captain Dash, a superhero who lives in the new world of intelligent marketing. Captain Dash has the superpowers to help his clients with an array of innovative marketing tools.
Smart USA. A cool website for one of the most eco-friendly line of cars on the market today.
Atlassian. A meaningful infographic on how people usually waste their time at work. Full of fun facts you probably don’t know and a funny timer that says how long you have wasted reading the infographic when you should be doing work.
These are Things. A lighthearted website with lots of cartoon illustrations, created by Jen Adrion and Omar Noory. Follow the cartoon girl (Jen) and cartoon boy (Omar) as they walk you through the different website sections and history behind their creative studio.
Distance to Mars. This cool website will give you a sense of how far Mars is from our planet. By imagining that Earth is 100 pixels wide, the website will take you through the Solar System at a speed of 7,000 pixels per second until you finally reach Mars, 428,000 pixels away.
World’s Highest Website. This is more of a fun experiment, 19 kilometers long. It’s a CSS experiment designed to keep you scrolling down all day long (or just take the elevator).
Which of these websites do you like best and why? Feel free to let us know in the comments!
Author: Nancy Young
Nancy is a passionate freelance writer and blogger. She writes tons of inspirational articles on photography and web design, despite the fact that she is an economist by education. She enjoys reading, learning SEO and also losing her mind to French movies.