Interactive Nike Air Jordan Product Catalog & Performance Dashboard

Project Overview

Developed a dynamic, interactive product dashboard designed to showcase and analyze the Nike Air Jordan lineup. The project focuses on bridging the gap between high-fidelity product visualization and data-driven metrics, providing a seamless user experience (UX) for browsing footwear specifications, pricing, and customer sentiment.

Key Features

Dynamic Product Navigation: Implemented a "Suggested Products" sidebar allowing users to switch instantly between different models (Low, Mid, Jester XX).

Real-time KPI Tracking: Built live data cards for Price (e.g., 18K), Review Count, and Rating Scores (e.g., 9.20) that update based on the selected item.

Multi-Angle Visual Gallery: Integrated a 360-degree visual approach, displaying the profile, top-down, and outsole views for every sneaker model.

Contextual Data Storytelling: Linked each product to its unique historical description and material specifications (e.g., "Satin lining," "OG AJ1 heritage").

Clean & Intuitive UI: Designed a minimalist interface that prioritizes product aesthetics while maintaining high data readability.

Implementation Approach

Data Structuring: Organized product metadata (titles, descriptions, and technical specs) into a structured format for easy retrieval.

Interactive Logic Design: Developed the "Active State" logic where clicking a sidebar thumbnail triggers a global update of the central stage.

Visual Asset Management: Curated and optimized high-resolution PNG assets to ensure fast loading times and a premium look.

Front-end Integration: Applied layout principles to ensure the balance between text (descriptions) and numerical data (KPIs).

UI/UX Validation: Tested transitions and selection states to ensure the interface responds instantly to user input without lag.

Tools & Technologies

Data Visualization | Interactive Prototyping | Product Data Management | Digital Storytelling