1863

‎H&M Header Swipe Interaction

‎H&M Header Swipe Interaction

This interaction demonstrates a horizontal swipe gesture used to navigate a featured carousel at the top of the H&M app. Users can swipe left or right to cycle through different categories such as Baby, Home, Beauty, Ladies, and Men. As the user swipes, the main media card, which supports both video and static imagery, slides horizontally and snaps into place. Simultaneously, the category label at the top-left and the descriptive text at the bottom-left crossfade and slide subtly, creating a cohesive, multi-layered transition that feels premium and responsive.