- Content Marketing
Your Customers Aren’t Listening! How to Create Consumer Dialogue that Converts4 Tools for Nonprofit Social Listening and Reputation ManagementThe Promising Role of Social Listening in Treating Health IssuesThe Importance of Social Listening for Brands
- Public Relations
Facebook Testing a Way for Users to Buy Products on the Platform7 Website Tips to Attract More Shoppers to Your PagesHow eCommerce, Augmented and Virtual Reality Will Redefine the Retail ExperienceSearch Query Analysis to Increase eCommerce Website Conversions
Technology & Data
Social Startups: Bizible Connects All the Dots from Marketing Contributions to RevenueCreating the Perfect Profile for Your Social Media Marketing EffortUsing GPS and Localization for Social AnalyticsAnalytics and Prospect Intel: Discovering Your Ideal Prospect
- Big Data
- Tech & Innovation
3 Security Risks You’re Taking Every Day While Using Social MediaShould the President Have the Power to "Pull the Plug" on the Internet?How Safe is Your WordPress Website From Hackers and Other Malicious Attacks?
- Software & Tools
Join us September 15th in Atlanta for The Employee Advocacy Summit and learn how to unleash the power of your employees.
Post your event here and we'll share it with our community. If one of our members is featured, we'll promote as well on their profile.
- Marketplace & Webinars
The SMT Marketplace
Your resource for exclusive content and insights from Social Media Today, and opportunities to reach our community of professionals.
The Social Business Book Club brings you books, discussions, and insights from today's to business thought leaders.
Join interactive talks and and panel discussions with leading thinkers and practitioners on social media and networked business, or browse the catalogue of recorded sessions - all completely free.
Reach Social Media Today's community of marketing and communications professionals in an editor-approved context with a native advertising package.
7 Inspiring Examples of Parallax Scrolling Websites
Posted on April 19th 2014
The Parallax scrolling effect is taking the web world by storm as one of the top web design trends of 2014. Across the web, we’re seeing it pop up on just about every type of website. Whether it’s B2B or B2C, this design effect provides a great platform for brands to tell their stories and keep users engaged.
Before we dig in, it’s worth noting that parallax scrolling has a different definition depending on who you ask. Rob Palmer has written a great piece dissecting the trend and defining “true” parallax design. The examples below are based on his notion of “true” parallax containing three levels: you the viewer, an object, and the background to create the notion of depth and movement on a webpage. Without further ado, here are 7 examples of parallax scrolling websites to help inspire your next project.
This microsite by Sony is a great example of how parallax can be used for the art of storytelling. Absolutely amazing parallax effects are used to assemble products right before your eyes as you scroll down the page. It's artistic, beautiful, and one of my favorites on this list!
This tourism site introduces visitors to the Seattle Space Needle. It differs from a lot of parallax sites in that you scroll up rather than down as you digitally experience a journey to the top of the Space Needle. This site is both whimsical and informative and it's a great example of how the effect can be used to juxtapose photography and illustrated elements to give the illusion of depth.
This site by Wipro uses parallax design to present data in an aesthetically pleasing and unique way. It's essentially a giant infographic that moves! This particular site shows how the parallax scrolling effect can be used for even the most seemingly mundane content to make it more useful and engaging for your visitor.
The homepage for the University of South Carolina places focus on the university's community involvement program. In this case, parallax scrolling is used to tell the story visually by combining data and photos rather than just copy.
The Von Dutch brand utilises parallax scrolling to tell the story of their founder Kenneth Howard. A great deal of photography and typeography are incorporated into this site that allows the brand to showcase their humble beginnings. Parallax as a storytelling technique can be a great marketing tool to sell your brand image rather than just your products.
This last one is an oldie but a goodie. The New York times has been experimenting a great deal with parallax scrolling as an online publishing technique. In this example, the website itself isn't fully parallax, but as you read the story - the images within the article are great examples of a different way to incorporate the scrolling effect.
Parallax web design is a hot new trend in web design that can be used by your brand in a variety of different ways. If you're thinking about updating your website, or undergoing a full website redesign, this is one trend that shouldn't be overlooked!