Case Study Detail
Case Study Index
Streamlining Tokopedia Product Inventory with Catalog
Streamlining Tokopedia Product Inventory with Catalog
Streamlining Tokopedia Product Inventory with Catalog
My Role
Product Designer
Duration
Duration
2 Sprint (4 Weeks)
Platform
Platform
Desktop
Desktop
Discovery
Context
Context
Tokopedia is currently unable to process the 6 billion products in its database, and lacks visibility into the number of product types down to the smallest level, such as SKUs.
Tokopedia is currently unable to process the 6 billion products in its database, and lacks visibility into the number of product types down to the smallest level, such as SKUs.
After discussed and brainstorming with seller inventory management team and catalog team, we come up with solution to assign each product to an existing catalog in Tokopedia.
After discussed and brainstorming with seller inventory management team and catalog team, we come up with solution to assign each product to an existing catalog in Tokopedia.
Benefit
Benefit
After assessed this further with Product team and catalog team, there's major benefit of it, such as:
After assessed this further with Product team and catalog team, there's major benefit of it, such as:
For Tokopedia
For Tokopedia
Able to know supply & demand
Able to know supply & demand
Able to make a better model for price recommendation
Able to make a better model for price recommendation
Improve Product listing quality
Improve Product listing quality
Increase feature adoption rate
Increase feature adoption rate
For Tokopedia Seller
For Seller
Improve product discoverability
Improve product discoverability
Improve Product Quality
Improve Product Quality
Faster adding product
Faster adding product
For Tokopedia Buyer
For Buyer
Improve buyer’s browsing experience
Improve buyer’s browsing experience
How does it works?
How does it works?
When the product from seller inventory connected to catalog, the system will give recommendation of product attributes like photo, video, specification, description, even price recommendation from catalog
When the product from seller inventory connected to catalog, the system will give recommendation of product attributes like photo, video, specification, description, even price recommendation from catalog
Defining Requirement
Prioritization
Prioritization
Since this will be major initiative, we need to prioritize it. along with PM, catalog team, and developer, we agreed to divide it by 2 phase, phase 1, product inventory can be connected to photo, description, but limited to handphone, electronic and gadget category product
Since this will be major initiative, we need to prioritize it. along with PM, catalog team, and developer, we agreed to divide it by 2 phase, phase 1, product inventory can be connected to photo, description, but limited to handphone, electronic and gadget category product
Phase 1
Phase 1
Product Photo Catalog
Product Photo Catalog
Product Description Catalog
Product Description Catalog
HP, Electronic & Gadget category product only
HP, Electronic & Gadget category product only
Phase 2
Phase 2
Video Catalog
Video Catalog
Specification Catalog
Specification Catalog
Price Recommendation
Price Recommendation
Mapping Requirement
Mapping Requirement
Mapping requirements is a essential step as it ensures that all project stakeholders share a clear understanding of the product's intended goals. I proposed some potential solutions based on the requirement given. together with PM we also giving some prioritize on which solution that good enough but still possible to develop.
Mapping requirements is a essential step as it ensures that all project stakeholders share a clear understanding of the product's intended goals. I proposed some potential solutions based on the requirement given. together with PM we also giving some prioritize on which solution that good enough but still possible to develop.
Design Exploration
User Flow
User Flow
Following that, I created a user flow illustrating the process of assigning catalog to product works on seller platform. In summary, the flow of assign product catalog is seller need to set product name and category first, then catalog can be applied, and they will get photo & description recommendation that can be applied for their product
Following that, I created a user flow illustrating the process of assigning catalog to product works on seller platform. In summary, the flow of assign product catalog is seller need to set product name and category first, then catalog can be applied, and they will get photo & description recommendation that can be applied for their product
Explore Information Architecture
Explore Information Architecture
With this new adjustment on Add Product page, i explored the current information architecture, and then grouping each field to most suitable group. After discuss with stakeholder, we agreed to use explore position #2
With this new adjustment on Add Product page, i explored the current information architecture, and then grouping each field to most suitable group. After discuss with stakeholder, we agreed to use explore position #2
Design Component Exploration
Design Component Exploration
Some of design component exploration for the upcoming cataliog feature.
Some of design component exploration for the upcoming cataliog feature.
EXPLORE INTERACTION #1
Option to See Catalog First
Option to See Catalog First
After set catalog, Seller need to see the photo or description recommendation and set afterwards. They can edit it later.
After set catalog, Seller need to see the photo or description recommendation and set afterwards. They can edit it later.
EXPLORE INTERACTION #2
Auto Apply Content Catalog
Auto Apply Content Catalog
After set catalog, the photo and description recommendation will be automatically applied. They can edit it later.
After set catalog, the photo and description recommendation will be automatically applied. They can edit it later.
Design Validation
Usability Testing
Usability Testing
In summary, the flow of assign product catalog is seller need to set product name and category first, then catalog can be applied, and they will get photo & description recommendation that can be applied for their product
In summary, the flow of assign product catalog is seller need to set product name and category first, then catalog can be applied, and they will get photo & description recommendation that can be applied for their product
Objective
Objective
What seller expectation about catalog feature
What seller expectation about catalog feature
Seller behaviour when adding photo or fill description for their product
Seller behaviour when adding photo or fill description for their product
What preferability approach when applying catalog to their product
What preferability approach when applying catalog to their product
What their opinion if we switch section name and photo position
What their opinion if we switch section name and photo position
Target User
For Seller
All Type of Shop
All Type of Shop
Seller with category (HP & Gadget, Electronic)
Seller with category (HP & Gadget, Electronic)
Preferred Desktop User
Preferred Desktop User
*Documentation
*Documentation
Sythesizing UT Result
Sythesizing UT Result
Afterward, I synthesized the data gathered from usability testing, and this valuable input for decision-making process for finalizing the design of this feature.
Afterward, I synthesized the data gathered from usability testing, and this valuable input for decision-making process for finalizing the design of this feature.
Final Design & TAKEAWAYS
Design Impact
Design Impact
This feature launched on Q1 2023. Based on report, design effectively help seller task to be more efficient with catalog product and we got nice feedback from seller.
This feature launched on Q1 2023. Based on report, design effectively help seller task to be more efficient with catalog product and we got nice feedback from seller.
520K
520K
HP, Electronic & Gadget category product assigned to product catalog
HP, Electronic & Gadget category product assigned to product catalog
"The feature is very helpful, i think if this recommendation not only on photo & description, that will much better."
"The feature is very helpful, i think if this recommendation not only on photo & description, that will much better."
Panda Electronic
Panda Electronic
"Now i don't have to think about the photo, and description, i just use catalog feature, and i can edit it afterward."
"Now i don't have to think about the photo, and description, i just use catalog feature, and i can edit it afterward."
Gerbang Online
Gerbang Online
Designed & Developed by Randy Varianda
CASE STUDY INDEX
CASE STUDY INDEX
CASE STUDY INDEX