Browse By

New Scroll Based Websites that Are Beautiful

The parallax effect in web design is something that has gained popularity over the past couple of years. When used properly, it can result in a rich and engaging user experience with seamless navigation. When used poorly, it can result in just a page with a lot of elements moving around and a terrible UX.

Alquimia WRG

alquimia

Based in Milan, Alquimia WRG is a digital agency that aims to create amazing and effective experiences for brands on digital media. Clean and minimal, and only black and white, the website uses a mixture of the usual suspects (HTML5, CSS, and JavaScript) to achieve a neat package.

The Royal British Legion

britishlegion

The Poppy Appeal site created by the agency nonsense is one that really sticks out. A site that is strong and full of character, this charity works hard for donations, year-on-year, and this appeal website is a wonderful way to explore how the donated money is used.

Nintendo Game Boy

boi

This latest site celebrating 25 years of the Game Boy is as playful as they come. Created by Melbourne based web developer Petr Tichy, the parallax scrolling allows you to control the Game Boy device; playing along with a classic game of Tetris, it will no doubt harbour some nostalgic feelings for all you gaming enthusiasts out there.

Flat design vs Realism

flatmain

Last year, flat design took over the world of digital design. To highlight this design trend, interactive agency inTacto created this brilliant interactive adventure Flat Design vs Realism.

Sony

sonypara1

This offering from technology giants Sony is unlike any parallax scrolling we’ve ever come across to date. It was created as part of the company’s ‘Be Moved’ campaign, where they state: “A journalist once called us a guinea pig because the results of our experiments were copied by others.

Costa Coffee

costa3

This impressive one paper website, The Costa Experience, is the brainchild of Brighton-based agency Graphite Digital. Having worked previously with Costa Coffee, the team was recently tasked with better communicating its products.

Highway One

highway

This cool microsite, created by Newcastle agency Shout Digital, for luxury travel experts, Exsus, is another great example of the trend. Its delightfully retro cartoon scene takes you on a virtual trip along California’s Highway One.

Make Your Money Matter

mymm

Finance and money are hardly the most interesting of subjects. But New York-based digital agency Firstborn are quids in with this dynamic parallax scrolling website Make Your Money Matter for the Public Service Credit Union.

The Beast

html55

Folk singer Laura Marling’s album, A Creature I Don’t Know, was given an accompanying website made by London agencyStudio Juice with illustrations by Shynola. It’s a site that self-scrolls as a poem is read out, while vivid illustrations and animations with parallax perspectives are revealed.

The Lab

ar3(1)

Alzheimer’s Research, the UK’s leading dementia research charity, aims to communicate information about dementia in an engaging way using its website The Lab.

Hero

heroA portfolio WordPress theme that uses a parallax effect in the home page banner to highlight the site’s key message in an engaging fashion.

Bagigia

parallax01

Scroll down to explore the website and enjoy a 360 view of the products.

Whiteboard

parallax03

Here the concept is the same, fixed images with texts and content moving, creating a nice and smooth effect.

Playtend

parallax04

Playtend choose a fun concept and executed it pretty well. Scroll down and the monster will “eat the content.”

New Zealand

parallax05

Scroll down to explore things to do in New Zealand while you see more beautiful background images.

Originally posted 2014-06-29 17:55:10.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.