Case Studies
Foot Locker: Size Filters Redesign - Case Study #1
Executive Summary
Project Goal: On the current website, a user must first select a Gender and a Product Type before the options to filter by size are available. The goal of this project was to test three different versions of top-level size filters where the user can filter by size as soon as they land on the Product Listing Page (PLP).
Methods and Practices: Competitive Analysis, Wireframing, Interactive Prototyping, Interaction Design, Usability Testing, Live A/B Production Testing
Results: Once users determined which of the three prototypes they preferred, the winning prototype was developed and rolled out to Production using an A/B test with the current state as the control and the new filter design as the variable. After a one month test, the new design showed a projected incremental revenue increase of $29.2 million dollars.
Currently live at www.footlocker.com.
Executive Summary
Project Goal: On the current website, a user must first select a Gender and a Product Type before the options to filter by size are available. The goal of this project was to test three different versions of top-level size filters where the user can filter by size as soon as they land on the Product Listing Page (PLP).
Methods and Practices: Competitive Analysis, Wireframing, Interactive Prototyping, Interaction Design, Usability Testing, Live A/B Production Testing
Results: Once users determined which of the three prototypes they preferred, the winning prototype was developed and rolled out to Production using an A/B test with the current state as the control and the new filter design as the variable. After a one month test, the new design showed a projected incremental revenue increase of $29.2 million dollars.
Currently live at www.footlocker.com.
Foot Locker: Redeem FLX Rewards in Cart - Case Study #2
Executive Summary
Challenge: Foot Locker's newly appointed CEO identified a serious limitation in the existing FLX Rewards Program, which restricted point redemption to merchandise and sneaker launch entries. Consequently, the Loyalty Team was asked to develop a new FLX Cash Rewards program. Following its initial implementation, the automatic application of cash rewards ended up negatively impacting profitability.
Solution: My team was tasked with adding a friction point into the redemption process, requiring members to actively redeem their accumulated points prior to applying them during checkout. This update aimed to offset the negative financial impact of the Loyalty Program, while preserving the overall value proposition.
Methods and Practices: Competitive Analysis, Wireframing, Interactive Prototyping, Interaction Design, Usability Testing
Results: I left the company shortly after this was completed and was not able to capture any performance metrics.
Executive Summary
Challenge: Foot Locker's newly appointed CEO identified a serious limitation in the existing FLX Rewards Program, which restricted point redemption to merchandise and sneaker launch entries. Consequently, the Loyalty Team was asked to develop a new FLX Cash Rewards program. Following its initial implementation, the automatic application of cash rewards ended up negatively impacting profitability.
Solution: My team was tasked with adding a friction point into the redemption process, requiring members to actively redeem their accumulated points prior to applying them during checkout. This update aimed to offset the negative financial impact of the Loyalty Program, while preserving the overall value proposition.
Methods and Practices: Competitive Analysis, Wireframing, Interactive Prototyping, Interaction Design, Usability Testing
Results: I left the company shortly after this was completed and was not able to capture any performance metrics.
WIREFRAMES PDF
| PDF of Wireframes |
Foot Locker: Store Associate BOPIS App - Case Study #3
Executive Summary
Project Goal: To turn a Point of Sale (POS) store pickup reservation system into a web app that can run on the store’s handheld inventory devices as well as any internet connected device (like the desktop computer in the store office). The app will allow store associates to manage Buy Online, Pickup in Store (BOPIS) orders from order acceptance to order completion completely using the handheld devices.
Methods and Practices: User Interviews, Whiteboarding, Wireframing, Interactive Prototyping, Interaction Design, Information Architecture, Usability Testing.
Results: On the current website, a user must first select a Gender and a Product Type before the options to filter by size are available. The goal of this project was to test three different versions of top-level size filters where the user can filter by size as soon as they land on the Product Listing Page (PLP).: In March of this 2022, the app was rolled out to over 500 stores. A Contextual Inquiry study is now in the planning stages to garner store associate feedback on the production version of the app. As of June 1, 2022, the Net Promoter Score for Store Pickup increased by 16 points.
Interactive Prototype
https://7u1q26.axshare.com/#id=v3j53t&p=bopis_prototype
Executive Summary
Project Goal: To turn a Point of Sale (POS) store pickup reservation system into a web app that can run on the store’s handheld inventory devices as well as any internet connected device (like the desktop computer in the store office). The app will allow store associates to manage Buy Online, Pickup in Store (BOPIS) orders from order acceptance to order completion completely using the handheld devices.
Methods and Practices: User Interviews, Whiteboarding, Wireframing, Interactive Prototyping, Interaction Design, Information Architecture, Usability Testing.
Results: On the current website, a user must first select a Gender and a Product Type before the options to filter by size are available. The goal of this project was to test three different versions of top-level size filters where the user can filter by size as soon as they land on the Product Listing Page (PLP).: In March of this 2022, the app was rolled out to over 500 stores. A Contextual Inquiry study is now in the planning stages to garner store associate feedback on the production version of the app. As of June 1, 2022, the Net Promoter Score for Store Pickup increased by 16 points.
Interactive Prototype
https://7u1q26.axshare.com/#id=v3j53t&p=bopis_prototype
Sears: Single Page Checkout - Case Study #4
Executive Summary
Project Goal: Move from a multi-step, multi-page checkout process to a single page (also known as one page) checkout format where the user can complete everything they need to checkout on a single page.
Methods and Practices: Primary and Secondary Research, Competitive Analysis, Whiteboarding, Wireframing, Interactive Prototyping, Interaction Design, Information Architecture, Usability Testing
Results: By using website metrics, heat mapping, and small weekly incremental changes, the conversion rate for completed checkouts increased by 13-15% on the desktop site, and by 3-5% on the mobile websites and apps.
Executive Summary
Project Goal: Move from a multi-step, multi-page checkout process to a single page (also known as one page) checkout format where the user can complete everything they need to checkout on a single page.
Methods and Practices: Primary and Secondary Research, Competitive Analysis, Whiteboarding, Wireframing, Interactive Prototyping, Interaction Design, Information Architecture, Usability Testing
Results: By using website metrics, heat mapping, and small weekly incremental changes, the conversion rate for completed checkouts increased by 13-15% on the desktop site, and by 3-5% on the mobile websites and apps.
One Page Checkout in Production
Interactive Mobile Prototype
Along with a colleague, mobile versions of each prototype were also built. The prototype below is the version that was ultimately chosen to move forward with. You can view and interact with the prototype here, and it's best viewed on a mobile device.
Along with a colleague, mobile versions of each prototype were also built. The prototype below is the version that was ultimately chosen to move forward with. You can view and interact with the prototype here, and it's best viewed on a mobile device.
Delta Airlines Sky Reports - Case Study #5
Executive Summary
Project Goal: Take a quarterly PowerPoint report and turn it into a customized portal for Delta's Corporate Travel Managers that is intuitive, easy to use, and allows users to filter and create custom views based on a range of variables and data.
Methods and Practices: Stakeholder Interviews, Wireframing, Contextual Inquiry, Information Architecture, Interaction Design
Results: There were no reliable quantitative statistics to compare a quarterly PowerPoint deck to a fully interactive web portal, but Delta did retain Salesforce to work on two additional projects upon the completion of this one.
Executive Summary
Project Goal: Take a quarterly PowerPoint report and turn it into a customized portal for Delta's Corporate Travel Managers that is intuitive, easy to use, and allows users to filter and create custom views based on a range of variables and data.
Methods and Practices: Stakeholder Interviews, Wireframing, Contextual Inquiry, Information Architecture, Interaction Design
Results: There were no reliable quantitative statistics to compare a quarterly PowerPoint deck to a fully interactive web portal, but Delta did retain Salesforce to work on two additional projects upon the completion of this one.
Jenn-Air Redesign - Case Study #5
Executive Summary
Project Goal: Completely redesign the Jenn-Air desktop site and mobile app with a goal of presenting Jenn-Air as a high-end brand that can compete with other high-end brands like Sub-zero, Wolf, Viking, and Thermador.
Methods and Practices: Primary and Secondary Research, Competitive Analysis, Wireframing, Site Mapping, Prototyping, Usability Testing, Information Architecture, Interaction Design
Results: No metrics were available from Jenn-Air after the new site and app went live, but we do know that the client was overwhelmingly pleased with the work we had done via verbal confirmation during the project debrief.
Executive Summary
Project Goal: Completely redesign the Jenn-Air desktop site and mobile app with a goal of presenting Jenn-Air as a high-end brand that can compete with other high-end brands like Sub-zero, Wolf, Viking, and Thermador.
Methods and Practices: Primary and Secondary Research, Competitive Analysis, Wireframing, Site Mapping, Prototyping, Usability Testing, Information Architecture, Interaction Design
Results: No metrics were available from Jenn-Air after the new site and app went live, but we do know that the client was overwhelmingly pleased with the work we had done via verbal confirmation during the project debrief.
Jenn-Air Research Phase
A competitive and heuristic analysis was completed prior to the start of any design work.
A competitive and heuristic analysis was completed prior to the start of any design work.
Jenn-Air Site Mapping Phase
Complete site maps were created that details the structure and hierarchy of all pages on the site.
Complete site maps were created that details the structure and hierarchy of all pages on the site.
Jenn-Air Wireframing Phase
Wiresframes were created for every page on the site, and then hi-fidelity designs were created by the visual designers to showcase the final look and feel of the site.
Wiresframes were created for every page on the site, and then hi-fidelity designs were created by the visual designers to showcase the final look and feel of the site.
Jenn-Air Mobile App Wireframes
Wireframes were also created for the Jenn-Air Mobile app to be handed off to the visual design team.
Wireframes were also created for the Jenn-Air Mobile app to be handed off to the visual design team.
General UX Deliverables
User Testing - KitchenAid Interactive Prototype
Project Goal: To create an interactive prototype to test face-to-face with users to assess site navigation, ease of use, and overall look and feel. I then wrote the test script and sat with 12 people and had them perform tasks using the prototype and took notes and wrote a final readout of the results.
Methods and Practices: Wireframing, Information Architecture, Interaction Design, Prototyping, Test Planning and Script Creation, In-person Moderated Usability Testing
Prototype link
User Task 1: Find a bowl-lift stand mixer with a 7-quart capacity
User Task 2: Find a freestanding French Door refrigerator with a width of 35 inches or greater
Project Goal: To create an interactive prototype to test face-to-face with users to assess site navigation, ease of use, and overall look and feel. I then wrote the test script and sat with 12 people and had them perform tasks using the prototype and took notes and wrote a final readout of the results.
Methods and Practices: Wireframing, Information Architecture, Interaction Design, Prototyping, Test Planning and Script Creation, In-person Moderated Usability Testing
Prototype link
User Task 1: Find a bowl-lift stand mixer with a 7-quart capacity
User Task 2: Find a freestanding French Door refrigerator with a width of 35 inches or greater
Miller-Coors User Flows
Project Goal: To create an interactive promotional website where users could enter a contest with codes printed inside bottle labels. My role was to provide cross-functional user flows that showed each touchpoint for each partner in the process.
Project Goal: To create an interactive promotional website where users could enter a contest with codes printed inside bottle labels. My role was to provide cross-functional user flows that showed each touchpoint for each partner in the process.
Whirlpool WashSquad iPhone App
Project Goal: To create an iPhone app for families that owned Whirlpool washer and dryers that let parents assign weekly laundry tasks to their children. My role was to create the wireframes and do the user testing for the app.
Project Goal: To create an iPhone app for families that owned Whirlpool washer and dryers that let parents assign weekly laundry tasks to their children. My role was to create the wireframes and do the user testing for the app.