Decathlon Micro Site

Overview

Immersive Storytelling Meets Seamless E-Commerce

Decathlon Micro Site

A interactive GSAP microsite for Decathlon’s Quechua SS25 collection, showcasing hiking gear through immersive visuals and animations, and directing users seamlessly to the main e-commerce site for purchase.
  • Wireframing
  • Interactive
  • Prototyping
  • UI Design
  • Web Development
  • E-Commerce
  • Backend Development
  • GSAP Animation

The Work

The Problem

Needed a compelling way to launch and present the new Spring/Summer 2025 Quechua Collection

Traditional product listing pages lacked emotional and visual impact

Required a microsite to inspire users and guide them into the buying funnel—without replacing the main e-commerce platform

Required a mobile-optimized, performant, and animation-rich front-end experience to reflect the cutting-edge nature of the new gear

 

The Solution

Delivered standalone immersive microsite showcasing the SS25 Quechua collection in an editorial format—merging visual storytelling, interactive animations, and direct product paths.

Design & Experience

Clean, minimalist layout using high-resolution photography, model-led lifestyle visuals, and geo-tagged trail scenes

Crafted scroll-triggered storytelling using GSAP animations and parallax zoom-in effects to deepen engagement

Integrated grain textures and bold typography to convey Quechua’s alpine roots and rugged design ethos

Technology Stack

Built on WordPress CMS for global team flexibility

Interactive front-end developed with React, styled-components, and GSAP

Modular sections with reusable components (jackets, shoes, backpacks) tied together via storytelling navigation

Conversion Path

Every product module includes a clear “Buy Now” CTA that redirects seamlessly to the main Decathlon e-commerce site

Maintains campaign immersion while pushing users toward the sales funnel with minimal friction

Encourages browsing across product categories: MH500/MH900 jackets, MH500 Light shoes, and 25L/38L backpacks

Why It Worked

Treated the product launch as a visual experience, not just a shopping page

Focused on inspiration first, purchase second, aligning with the emotional nature of hiking and adventure

Executed a clean technical handoff between a creative microsite and the large-scale Decathlon commerce engine

Combined Decathlon’s French Alps heritage with modern UX principles to make the collection memorable and actionable

The Results

+180% Engagement Time
on product category compared to traditional PDPs
Higher Funnel Efficiency
Visitors reached purchase-ready pages 38% faster
Scroll Depth increased by 220%
showing strong content stickiness
Smooth E-Commerce Hand-off
Less than 1% bounce rate on outbound links to Decathlon.com