Case Study

SCROLLING PARALLAX DESIGN

Scrolling Parallax Website Design using Infinite Scroll and Lazy Loading

About:

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.

Technology

SKILLS USED

Responsive Website Design
User Interface Design
User Experience Design
Prototyping
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