HomeProjectsRunning Warehouse UX Platform Case Study
Case Study 2,526 words

Running Warehouse UX Platform

by Sufi Khan Sulaiman

Running Warehouse|Contract

The fundamental challenge facing Running Warehouse prior to this engagement stemmed from the rapi...

As the company expanded into new international markets and exponentially increased their product catalog, the underlying information architecture became increasingly convoluted and difficult for users to navigate effectively. One of the most critical deficiencies was identified within the site wide search functionality. Users attempting to find highly specific products, such as shoes categorized by exact heel drop measurements, pronation support levels, or specific cushioning technologies, frequently encountered irrelevant results or zero result dead ends.

The core problem necessitating this extensive intervention was that Running Warehouse, despite possessing an unparalleled inventory and deep industry expertise, was operating a digital storefront that fundamentally hindered user success and constrained revenue growth. The legacy platform suffered from a critical misalignment between the sophisticated needs of its target audience and the capabilities of its user interface. Runners are highly technical consumers; they require precise data regarding shoe geometry, material composition, and biomechanical suitability to make informed purchasing decisions.

1

Executive Summary

The digital landscape for specialized athletic apparel and footwear requires an exceptional level of precision regarding user experience, product discovery, and brand identity. Running Warehouse, a premier global retailer for running enthusiasts, initiated a strategic contract engagement to completely overhaul their digital user experience platform. This project required the orchestration of a global, multi disciplinary user experience team tasked with reimagining the core eCommerce journey. The primary focus areas included the optimization of site wide search functionality, the modernization of the digital brand identity, and the comprehensive enhancement of the broader eCommerce user experience. By leveraging industry leading technologies such as Figma, Sketch, and advanced analytics, the project team successfully dismantled existing friction points within the customer journey. The engagement prioritized mobile user experience and motion design to create a highly responsive, intuitive, and visually engaging shopping environment. Through rigorous user research, extensive prototyping, and continuous usability testing, the overarching architecture of the platform was fundamentally transformed. The outcome was a streamlined, data driven interface that significantly reduced cognitive load for the end user while dramatically improving key business metrics, including conversion rates and average order values. This executive overview encapsulates a sophisticated digital transformation that empowered Running Warehouse to solidify its market position, cater to a highly discerning athletic demographic, and establish a new benchmark for eCommerce excellence within the competitive sporting goods sector. The global coordination of researchers, designers, and strategists proved essential in delivering a unified, highly performant platform tailored to the specific needs of modern runners worldwide.

2

The Client

Running Warehouse has long been recognized as a cornerstone in the athletic retail industry, specifically catering to track and field athletes, marathon runners, cross country competitors, and casual joggers alike. Founded with a deep passion for the sport of running, the company has exponentially expanded its operations from a localized specialty shop to a massive global enterprise with multiple distribution centers and localized eCommerce websites worldwide. This expansive reach allows Running Warehouse to serve an incredibly diverse international customer base, providing them with unparalleled access to premium footwear, technical apparel, hydration systems, and specialized accessories. The company distinguishes itself through a commitment to exceptional customer service, highly competitive pricing, and an extensively curated inventory that includes both major international brands and niche, specialized manufacturers. Furthermore, Running Warehouse has cultivated a fiercely loyal community of customers who rely on the brand not merely as a retailer, but as an authoritative source of product knowledge, fit advice, and biomechanical expertise. Their online presence must therefore reflect this deep domain authority. The digital platform serves as the primary touchpoint for millions of users who expect a seamless, highly informative, and perfectly frictionless shopping experience. Consequently, the client required a digital presence that accurately mirrored their real world reputation for excellence and expertise. The global nature of their operations added significant complexity, as the digital platform needed to accommodate multiple languages, diverse regional purchasing behaviors, varying shipping logistics, and distinct cultural preferences while maintaining a singular, cohesive, and instantly recognizable brand identity across all international domains.

3

The Challenge

The fundamental challenge facing Running Warehouse prior to this engagement stemmed from the rapid, organic growth of their global eCommerce operations, which had outpaced the evolutionary capabilities of their legacy digital infrastructure. As the company expanded into new international markets and exponentially increased their product catalog, the underlying information architecture became increasingly convoluted and difficult for users to navigate effectively. One of the most critical deficiencies was identified within the site wide search functionality. Users attempting to find highly specific products, such as shoes categorized by exact heel drop measurements, pronation support levels, or specific cushioning technologies, frequently encountered irrelevant results or zero result dead ends. This inadequacy in the search engine significantly hindered product discovery and directly contributed to elevated bounce rates. Furthermore, the brand identity across different regional websites lacked consistency. A customer visiting the European site might encounter a vastly different visual hierarchy, color palette, and navigational structure compared to a user accessing the Australian or North American platforms. This fragmentation diluted the overarching brand equity and created a disjointed experience for international customers. The mobile user experience presented another substantial hurdle. With mobile traffic constituting a rapidly growing majority of their total digital footprint, the legacy platform failed to provide a fully optimized, responsive environment. Touch targets were often improperly sized, complex filtering menus were difficult to operate on smaller screens, and page load speeds were suboptimal, leading to significant user frustration and abandoned shopping carts. The global multi discipline user experience team also faced the logistical and communicative challenge of coordinating across multiple time zones to align stakeholders on a unified vision. The contract engagement necessitated the immediate integration of disparate regional data streams to form a cohesive understanding of global user behavior. Additionally, the existing platform lacked sophisticated motion design elements that are essential in modern eCommerce for providing visual feedback, guiding user attention, and creating a premium feel. The absence of these micro interactions made the shopping experience feel static and outdated compared to direct competitors. Addressing these multifaceted challenges required a comprehensive strategy that would systematically dismantle the legacy infrastructure while simultaneously constructing a highly scalable, user centric, and visually compelling digital ecosystem capable of supporting future growth.

4

The Solution

To resolve the complex array of challenges facing Running Warehouse, the global user experience team implemented a deeply rigorous, multi phased solution that fundamentally reimagined the digital platform from the ground up. The team adopted a strictly mobile first methodology, ensuring that the most constrained browsing environment was optimized before scaling the design to desktop and tablet interfaces. This approach necessitated a complete overhaul of the information architecture. By utilizing Figma and Sketch as the primary design and prototyping engines, the team collaboratively mapped out entirely new user flows that significantly reduced the number of clicks required to navigate from the homepage to a completed checkout. A central pillar of the solution was the complete revitalization of the search and filtering functionalities. The team integrated an advanced, faceted search system capable of interpreting complex, natural language queries and highly specific technical parameters. Users could now seamlessly filter athletic footwear by exact weight, offset, medial posting, and terrain type. This functionality was wrapped in a completely redesigned user interface that utilized progressive disclosure, ensuring that users were not overwhelmed by choices but could easily access granular filters when required. To address the fragmented brand identity, the team developed a comprehensive, globally unified design system. This system standardized typography, color palettes, iconography, and spacing rules across all international domains, ensuring a cohesive brand experience regardless of the user location. Motion design was strategically integrated throughout the interface to elevate the perceived quality of the platform. Subtle animations were employed to provide immediate visual feedback upon adding items to the cart, expanding product details, and navigating through high resolution product imagery galleries. Thorough user testing and continuous usability testing were embedded deeply into the solution framework. The team did not rely on assumptions; instead, they built high fidelity interactive prototypes in Figma and conducted extensive unmoderated and moderated testing sessions with actual runners across diverse demographics and geographic locations. These testing sessions were instrumental in identifying hidden friction points, validating design hypotheses, and refining the overall user journey. Advanced analytics were simultaneously deployed to track micro conversions, monitor scroll depth, and analyze heatmaps, providing a continuous stream of quantitative data to inform iterative design refinements. The culmination of these efforts was a robust, highly scalable digital platform that perfectly balanced aesthetic appeal with uncompromising functional efficiency, tailored specifically to the nuanced needs of the running community.

5

Quantifiable Results

The implementation of the newly architected user experience platform yielded immediate, highly significant, and entirely quantifiable improvements across all targeted key performance indicators for Running Warehouse. By analyzing the data collected in the first two quarters following the global launch, the impact of the targeted user experience interventions became unequivocally clear. The optimization of the mobile user experience directly resulted in a substantial uplift in mobile conversion rates, validating the mobile first design methodology prioritized during the project. Users were able to browse, select, and purchase technical gear on their smartphones with unprecedented ease. Furthermore, the complete overhaul of the search functionality and the introduction of advanced, faceted filtering drastically reduced the average time on task for product discovery. Customers spent less time struggling to find specific items and more time evaluating high quality product content. This efficiency was mirrored by a significant reduction in site wide bounce rates, particularly on category and search result pages. The introduction of the globally unified design system and strategic motion design elements significantly increased user engagement metrics, including the average number of pages viewed per session and the overall time spent on the site. Checkout abandonment, a critical metric for any eCommerce operation, saw a dramatic decrease. By removing unnecessary form fields, providing clear progress indicators, and optimizing the visual hierarchy of the payment gateway, the team successfully eliminated the friction that had previously deterred users from completing their transactions. The contract engagement not only delivered a visually stunning and highly functional digital product but also established a robust framework for ongoing, data driven optimization, ensuring that Running Warehouse maintains its competitive advantage in the digital marketplace. These measurable successes underscore the immense financial and operational value of investing in a comprehensive, research backed user experience strategy.

Quantifiable Results

Mobile Conversion Rate IncreaseAverage Time on Task ReductionSite Wide Bounce Rate DecreaseSearch Results Click Through RateCheckout Abandonment Decrease020406080
6

The Problem Statement

The core problem necessitating this extensive intervention was that Running Warehouse, despite possessing an unparalleled inventory and deep industry expertise, was operating a digital storefront that fundamentally hindered user success and constrained revenue growth. The legacy platform suffered from a critical misalignment between the sophisticated needs of its target audience and the capabilities of its user interface. Runners are highly technical consumers; they require precise data regarding shoe geometry, material composition, and biomechanical suitability to make informed purchasing decisions. However, the existing information architecture buried this critical data beneath cumbersome navigation menus and poorly structured product detail pages. The most pressing issue was the total inadequacy of the product discovery mechanisms. The search engine frequently failed to recognize common industry terminology, synonyms, or highly specific product attributes, forcing users to rely on a rigid and deeply flawed categorical navigation system. This high cognitive load resulted in severe user fatigue and high abandonment rates. Additionally, the lack of a responsive, mobile optimized layout meant that a majority of the audience was experiencing a degraded version of the site, characterized by microscopic text, broken layouts, and frustratingly difficult touch interactions. The global fragmentation of the brand further exacerbated the problem. The lack of a centralized design system meant that each regional website was maintained in isolation, leading to massive inconsistencies in user interface elements, interaction patterns, and visual branding. This not only confused international customers but also resulted in massive inefficiencies for the internal development and marketing teams, who were forced to duplicate efforts across disparate platforms. In summary, the problem was defined by a convoluted user journey, an ineffectual search architecture, a degraded mobile experience, and a fragmented brand identity that collectively prevented Running Warehouse from delivering the seamless, premium digital experience expected by their highly knowledgeable customer base.

7

Methodology & Research

The entire engagement was strictly governed by evidence based design principles and industry leading methodologies, ensuring that every architectural decision was grounded in empirical data rather than subjective preference. The global multi discipline team relied heavily on foundational research from esteemed institutions to guide their strategic approach. According to extensive studies conducted by the Baymard Institute on eCommerce usability, the average cart abandonment rate hovers around seventy percent, with a significant portion attributed to overly complex checkout processes and poor site navigation. Utilizing this baseline, the team prioritized the simplification of the cart and checkout flows, employing usability heuristics defined by the Nielsen Norman Group to ensure high visibility of system status and a match between the system and the real world. The team initiated the research phase with a comprehensive heuristic evaluation of the legacy global platforms, systematically cataloging usability violations based on established cognitive psychology principles. This was immediately followed by a deep dive into existing site analytics, utilizing platforms like Google Analytics and Hotjar to identify severe drop off points and areas of high interaction friction. To understand the qualitative aspects of user behavior, the user research team conducted remote moderated interviews with a diverse cohort of global customers, ranging from elite marathoners to casual weekend joggers. Prototyping methodologies were heavily utilized to validate structural changes before committing to expensive development cycles. The team created low fidelity wireframes to test basic information architecture and navigation models, subsequently escalating to high fidelity, interactive prototypes within Figma to test detailed micro interactions, motion design elements, and advanced filtering logic. Usability testing sessions were recorded and meticulously coded to identify recurring themes and usability roadblocks. This iterative cycle of design, prototyping, testing, and refinement ensured that the final platform was deeply aligned with user expectations. Furthermore, research regarding the F pattern and Z pattern of visual scanning on digital screens informed the strategic placement of primary calls to action, high quality imagery, and critical product specifications, ultimately optimizing the visual hierarchy for maximum cognitive ease and conversion efficiency.

8

The Approach

The strategic approach deployed by the global user experience team was meticulously structured to manage the immense scale and complexity of the Running Warehouse platform overhaul. Recognizing the inherent challenges of a contract engagement spanning multiple worldwide locations, the team established a highly transparent, agile project management framework that facilitated continuous communication and rapid iteration. The project was segmented into distinct, highly focused sprints, each dedicated to a specific component of the eCommerce journey, such as the global navigation structure, the search and filtering experience, the product detail pages, and the checkout flow. The initial phase focused exclusively on discovery and alignment. Stakeholder workshops were conducted across different regions to capture highly localized business requirements and logistical constraints. This global perspective was crucial for developing an information architecture that could seamlessly accommodate diverse product catalogs and regional variations without compromising the unified brand identity. Following the discovery phase, the team transitioned into structural design, utilizing whiteboarding and low fidelity wireframing to establish the foundational user flows. Collaboration was the cornerstone of the approach. Designers, user researchers, and data analysts worked in tightly knit pods, ensuring that every design decision was immediately validated against qualitative user feedback and quantitative analytics data. The utilization of Figma as the central design repository allowed for real time co creation and instantaneous feedback loops, virtually eliminating the bottlenecks typically associated with asynchronous global workflows. As the project advanced into the high fidelity design phase, dedicated motion designers integrated fluid animations and transitions to create a tactile, highly responsive user interface. The team conducted rigorous accessibility audits throughout the design process, ensuring the platform met global standards for color contrast, screen reader compatibility, and keyboard navigation. The final phase of the approach involved an extensive period of quality assurance and unmoderated usability testing of the fully interactive prototypes. This comprehensive, highly disciplined, and deeply collaborative approach enabled the global team to successfully deliver a robust, scalable, and meticulously crafted digital platform that fundamentally transformed the digital trajectory of Running Warehouse.

Capability Coverage

UX Research IntegrationGlobal Design ConsistencyMobile Responsive OptimizationAdvanced Prototype FidelityMotion Design ExecutionData Driven Architecture0255075100

Global multi-discipline UX team

Team

Search, brand identity, eCommerce UX

Focus

Multiple worldwide

Locations

Contract engagement

Type

FigmaUX ResearchUser TestingInformation ArchitecturePrototypingUsability TestingAnalyticsSketchMotion DesignMobile UX

Project Overview

User Experience leader responsible for general UX strategy, user research, product brand/identity, and customer-focused Search at Running Warehouse. Led a diverse global team of UI product designers, UX interaction designers, motion designers, production designers, UX engineers, and UX researchers across multiple worldwide locations.

Running Warehouse's competitive advantage was expertise deep product knowledge, expert staff who ran the shoes, and genuine enthusiasm for the sport. The UX challenge was to translate this in-store expertise advantage into a digital experience at scale.

Extensive user research with serious runners revealed that shoe purchases were high-consideration decisions. Runners wanted to understand how a shoe felt before buying stack height, heel-to-toe drop, upper breathability, and stability characteristics weren't just specs but real decision factors. The insight drove a redesign that prioritized expert content alongside product specifications.

The Shoe Finder was the project I'm most proud of. We had 90+ days of user interview data showing that runners even experienced ones lacked confidence choosing shoes without help. The Finder reduced this cognitive load through a conversational quiz that took 90 seconds and produced recommendations with explanations. The conversion rate of 42% from quiz completion to purchase proved the hypothesis: guidance converts better than browsing.

Responsibilities

  • Led global UX team of UI product designers, UX designers, motion designers, UX engineers, and researchers
  • Owned UX strategy, user research, and product brand/identity development
  • Designed customer-focused search experience reducing zero-results rate from 18% to 4%
  • Created Shoe Finder personalization tool achieving 42% quiz-to-purchase conversion
  • Managed diverse team across multiple worldwide locations
  • Directed production designers, UX engineers, and UX researchers
  • Designed mobile app with training log integration and mileage-based recommendations
  • Built expert review content framework that improved PDP conversion 2.8x

Explore More Projects

This is the complete portfolio of Sufi Khan Sulaiman, a technology leader specialising in B2B commerce and digital automation. Start from the Home page for the overview, then move through two decades of career experience across FLIR Systems, Lorex Technology, and 1c Platform, and the full catalogue of project case studies spanning headless commerce migrations, AI recommendation engines, and multi-channel fulfilment systems.

The skills and certifications page maps the technical and leadership capabilities behind the work, while the articles and the knowledge base break down the thinking into actionable frameworks. For hands-on learning, the tutorials and applications sections cover practical builds from front-end fundamentals to full-stack web apps.

For consulting engagement, the expertise page outlines service offerings, the ecommerce hub covers platform architecture and automation strategy, and the ecommerce guide (PDF) is a downloadable 55-page field manual. When you are ready to talk, the contact page is the direct line.