Case Study


Scrolling Parallax Website Design using Infinite Scroll and Lazy Loading


This new concept was inspired by the all new trending “Scrolling Parallax” web design style.

Basically, the homepage consists of one long scroll which contains a generic overview of the entire website with very brief descriptions; providing the user with quick information of the overall website. It helps direct the user to the information that they are really “browsing” for, while also providing an interactive experience on both computer and touchscreen devices.

Designed and Developed this Magento E-Commerce Responsive Website while working as full-time employee for Freshley Media, Inc. of Charleston, South Carolina.



Responsive Website Design
User Interface Design
User Experience Design
Wireframe Design
About process:
  • Magento v1.9.1 Framework
  • Retina Display Graphics
  • User Interface Design
  • Page Layout Design
  • Responsive CSS Design (Mobile, Tablet, Laptop)
  • Typography (Google Fonts Embedding)
  • PHP Code (Client Side & Server Side)
  • MySQL Database
  • HTML5
  • jQuery Animation
  • CSS3 Styling & Animation
  • Cross Browser Design (IE, Firefox, Safari, Chrome, Opera, PC, Mac)
  • Social Media Linking
  • Infinite Scroll
  • Lazy Loading
Related projects