Create Your First Project
Start adding your projects to your portfolio. Click on "Manage Projects" to get started
Interactive Nike Website
Project Overview
Role: UI/UX Designer
Tools: Figma (UI & prototyping)
Duration: 3 weeks
Platform: Web (Desktop‑first, responsive ready)
Goal: Design an immersive, interactive e‑commerce experience for Nike that showcases products dynamically, improves engagement, and encourages faster purchase decisions.
About Project
This project explores how interaction design and motion can elevate a traditional product page into a memorable brand experience. The concept focuses on a hero product (Nike Impact 4) and uses dynamic visuals, color transitions, and interactive elements to reflect Nike’s energetic and performance‑driven identity.
The design emphasizes product storytelling through motion, allowing users to explore colourways, sizes, and variations intuitively while maintaining a clean, premium aesthetic consistent with Nike’s branding.
The Problem
Traditional e‑commerce product pages often feel static and overwhelming, especially for lifestyle and sports brands that rely heavily on emotion and identity. Users may:
- Struggle to visualize products in different colourways
- Feel disengaged by flat layouts
- Experience friction when selecting sizes and variants
- Leave without fully exploring the product
Nike’s bold brand identity requires a more immersive and interactive approach that reflects innovation and movement.
The Solution
An interactive product landing page that:
- Highlights the shoe as the central visual focus
- Uses motion and hover interactions to reveal options
- Allows quick switching between colourways
- Keeps purchase actions clear and accessible
- Creates a visually engaging journey without sacrificing usability
The solution blends minimal UI with expressive visuals, ensuring that interaction enhances, rather than distracts from the buying experience.
Proposed Solutions to User Persona Frustrations
- Interactive Colour Carousel: Enables quick comparison of shoe variants
- Centralized Product Focus: Large hero visual reduces clutter
- Minimal UI with Motion: Keeps attention while enhancing usability
- Clear CTA Button: Encourages faster conversion
- Visual Storytelling: Builds emotional connection and trust
Outcome
The final design successfully transforms a standard e‑commerce product page into an engaging brand experience, increasing user interaction, visual appeal, and purchase confidence while remaining intuitive and conversion‑focused.
This interactive website was inspired by Nike
