CatatYuk: Halal Value Chain
A supply chain platform, which aims to enhance the efficiency and transparency of supply chains in Indonesia. It emphasizes the platform's role in addressing significant challenges faced by the Indonesian Central Bank supply chain ecosystem, such as fragmented logistics and inadequate technology adoption. HARA/Dattabot's solution integrates various features, including real-time data analytics, inventory management, and demand forecasting, to optimize operations for businesses.
The platform is designed to facilitate collaboration among stakeholders, improve decision-making processes, and ultimately drive growth in the rapidly evolving digital economy of Indonesia. By leveraging advanced technology, CatatYuk seeks to transform traditional supply chain practices into more streamlined, effective systems yet respects the Halal Value Chain outlined by Bank Indonesia's standard.
Year
2019
Service
Product Design
Category
Responsive Web App
Tool
Figma
Al-Ittifaq Islamic Boarding School has this agrobusiness that produce vegetables that supplies major supermarkets in Bandung and Jakarta. The flow process starts from when a supermarket (retail) requests a purchase order that lists what they need. They requested it to the boarding school (in the image, Pesantren). Pesantren will check its stock in the warehouse. If the remaining stock sufficient for the order, they will send it directly to the buyer. If not, they need to order it to the farmers (PokTan = kelompok petani). The farmers will send the supplies to Pesantren’s warehouse. Then the Pesantren will send the stock to the buyer.
When accepting the order’s supplies, retail/buyer will have to sign a proof of receipt that the order they accepted is intact. If there are some damaged/faulty goods, they can return it back to the Pesantren. The faulty goods can be reimbursed or substituted in the next order.
Another note, every part of this process is recorded using the app that we will develop.
Before CatatYuk!, existing record of the order just filled down on a paper. It looks roughly like this. (I can’t attach the real receipt here)
This first iteration does not work because it’s just converting what’s on the paper into a web page. The fields are just too small and require too much zooming and horizontal-vertical scrolling just to work and interact. However, this iteration brings many uncovered details that will certainly improve the product in the next iterations.
This iteration also just cover five main flow of the process and the design was initially focused to be developed for mobile use.
In this new view, users are given a different look on how the list is displayed. There’s no need for horizontal scrolling because the data is showed neatly using card-based design. At the last screen, when reviewing the Purchase Order before submitting, we summarize it without the card-based design because the staff-level admin tend to take a screenshot and confirm it before submitting. This list view also useful when confirming to the farmers since a farmer usually handle many different commodities.
After fixing the flow, we realize that this new approach also increases speed and efficiency since we can add more than one farmer per commodity
In this iteration, we also need to build additional supporting flow like the financing of the orders, commodity tracker, and cultivation tracker. The project scope also enlarged from what was just a mobile focused web-app to a responsive web-app that also support desktop view.
By the time I finish my internship period, the project's development hadn't completed.
Learn more about the project here:
