Skincare brand home page

Home page for a skincare ecommerce site, targeted at Gen Z consumers.

Global particles fade up or down based on scroll velocity.

All imagery scales and shifts relative to progress through the viewport.

Slider imagery obeys motion laws by lagging behind and then catching up when slider is dragged. This is achieved by cutting the imagery extra wide and normalizing the drag velocity over a range - the min and max x position shift.

The number of canvas contexts (particles) are kept to a minimum, and add/remove for certain mouseenter/leave gestures such as the tiles below the hero area.

View the live site at https://plenaire.co