Find in Store

Time|2022.05 ~ 2022.6
Role|Research, UX, UI
Link | Web

Overview

Our existing clients SO NICE & PUMA, who build official shopping website on my company's SaaS platform, want to let consumers check the store inventory on the website. This is a customized project and only 2 stores have the feature.

B2B2C
E-commerce

1. Goal

Based on the findings of competitor analysis, deliver a standardized product solution that fits seamlessly with the requirements of both SO NICE and PUMA.

2. How to concatenate 2 systems

Relevant inventory data will be provided through APIs from the client's ERP system.
SO NICE: Integration with ERP via APIs.
PUMA: File transfer via FTP, Our Solution Engineer will convert FTP files into standard API format.

3. Competitors research

Referring to the findings on both TW and international e-commerce platforms, the typical approach for designing an in-store inventory process involves:
1. Displaying an in-store inventory button on the product page
2. Upon clicking, a stock inquiry pop-up emerges, allowing users to query the availability of specific attributes like color and size for a particular SKU at different store locations.

4. User Scenarios & Stories

Motivation: Urgent Needs, Strong Desire, Uncertainty

1. Logistic shipping takes too long, so consumers visit the store to buy the product. (Fast-moving consumer goods, e.g., T&T)

2. While browsing the website, consumers get really excited about a product and want to get it immediately.

3. Unsure about the size, so consumers go to the store to try on. (Clothes & shoes, e.g., LEVIS)

4. To examine the product if the quality matches the price. (High-end products)

5. Consumer journey

6. UI Flow

Design points
✦ The user story is, As a consumer, when the online store is out of stock, I intend to visit a real store for purchase. Hence, I would like to check the inventory in advance.
✦ I didn’t strongly emphasize the entrance button UI. Since "Find in store" is one of the side tasks, "Online shopping" is the main task.
✦ Placed the "Find in store" option below the checkout button. When the checkout button indicates that the SKU is out of stock, consumers can then proceed to click the in-store inventory.

[Desktop] Prototype

[Mobile] Prototype

Review

Development started in Q1 2023 upon completion of the design and released on August 2023.
Other customers could utilize this solution if they have the inventory API ready.