Price, Stock and Weight Management
Project Overview
This feature enables Jakmall users to manage their linked e-commerce store with Jakmall. The product stock, weight and price can be synchronized between automated management by Jakmall and manual changes made per store. Moreover, users can access all relevant information about their store's product details(stock, weight and price) centrally.
Problem
Previously, affiliate users were enabled to update their product details manually in the Master Product (Item List tab). If there any changes to the product detail especially in product stock, weight and price that affiliate not aware, the risk of suffering loss due to a descrease profit, out out stock, or paying extra cost for shipping are incurred due to unsynchronize stock, weight and price between Jakmall and the paired store.
Goal
Jakmall’s system can access push or pull all product an detail changes information for a paired e-commerce store with jakmall.
Project Identify
1
Project Briefing
At the beginning of the project, the UI/UX Designer was briefed on the overall outline, starting from the project description to the requirements by the Product Manager.
1
Analyze Requirement
After receiving brief from the product manager, we  to analyze the requirement including find out the reason, and the detail of the requirements to ensure clarity and alignment with the product goal.
Manage Stock
Users are allowed to update their linked store's stock automatically based on Jakmall's stock availability.
Users are able to filter products based on product name/SKU, Jakmall's stock, store stock, linked store, and sort the products by the latest change or product name.
There is a mass synchronization feature available for manual updates.
User will get alerted due to the out of stock product.
Manage Price
User are allowed to set the Master price Formula.
Users are allowed to set a price formula to manage prices automatically.
Users are allowed to activate global automatic price synchronization.
Users are allowed to activate automatic price synchronization per SKU.
User will get alerted due to the product price cause a loss.
Manage Weight
User will get alerted due to the difference weigth between linked store and Jakmall
Users are allowed to activate global automatic weight synchronization.
Users are allowed to activate automatic weight synchronization per SKU.
Ideate
1
Brainstroming
Brainstorming is crucial for adopting a comprehensive approach, which involves considering all aspects of the problem, including its context and user needs, in order to discover the optimal solution.
Research
We also did some research on similar apps like Ginni, Shopify, and and chinese ecommerce to gain insights for the existing app.
User Interview
To understand the user's needs, we also conducted user interviews to gain insights into what user pain and needs for the log sync feature.
Prototype
1
Wireframe
Before creating the mockup, we translated the project requirements into a wireframe, which served as a basic design outline for the solution. here the stock, price and weight project
Desktop
2
High Fidelity Design
Once the wireframe was created, we presented it to the product owner to determine the optimal solution and flow. We then proceeded to develop the high-fidelity design using the atomic design approach, following the Jakmall design system guidelines. This included incorporating illustrations, components, typography, color schemes, and spacing. Here is the high-fidelity design of the affiliate project.
Desktop
Mobile
Testing
1
Development Process
We collaborated with the frontend developer to ensure a smooth development process. We provided them with a briefing on the project, including the UI flow, components, and potential limitations, to ensure the UI can be developed without any technical issues.
Project Outome
1
Result
The the stock price project has reached its goals and user acceptance criteria. Affiliate are allows to manage their linked store's product details automatically or manually, based on Jakmall's product details.
Lesson Learn
When working on a UI/UX project, it is crucial to prioritize the user's needs and consider any technological limitations when creating the project's solution