Challenges & Requirements
PCM Indopesona required a user-friendly and fast website with key features designed to enhance the user experience. The essential functionalities include:
- 01 - User-Friendly & Fast Website
- 02 - Seamless Login & Registration
- 03 - Easy & Fast Product Search
- 04 - Simplified Payment Process
- 05 - Seamless WhatsApp API Integration
PCM Indopesona required a robust and efficient administrative system to streamline internal operations and support business growth. The system needed to accommodate various divisions, automate pricing, enhance reporting, and improve overall management. Key administrative requirements included:
- Division-Based Task Separation
- Flexible Blog Management System
- Automated Product Pricing Based on Schemes & Base Prices
- Well-Structured & Efficient CRM
- Visualized & Exportable Reports (CSV Format)
- Internal Analytics System with Google Analytics Integration
Our Approach & Solutions
To meet all the specified requirements, we designed the system with a modular approach. Each feature was developed as a separate application, allowing simultaneous development while keeping the system expandable for future enhancements. This approach enables the system to evolve into a large ecosystem, supporting various ERP modules within it. Additionally, we implemented clear user role separation:
- Website, Product, and Content Administrators manage the website, product catalog, and marketing materials.
- Order Processing Administrators (Sales, Finance, and Shipping) handle transactions, payment approvals, and order fulfillment.
Shipping & Payment System
For shipping, due to the high volume of B2B transactions, we opted not to integrate general courier services. However, the system provides recommended courier options that buyers can contact directly.
Regarding payments, since the stakeholders do not yet require a payment gateway, we developed a manual bank transfer system. Transaction reports are sent to the finance division separately for verification and approval before order processing.
WhatsApp Integration
For customer communication, we integrated the official WhatsApp API in collaboration with Qontak, ensuring seamless and structured interactions.
Technology & Performance Optimization
To ensure high performance and efficiency, we implemented several optimization techniques, including:
- Image compression & caching to deliver only the required resolution.
- Gzip compression to enhance website loading speed.
- Query optimization to improve database efficiency.
- Webpack (in development) for managing and optimizing frontend assets.
- High-performance cloud storage for images and static assets to ensure fast access.
This approach ensures that the system is not only fast and stable but also scalable and flexible, allowing for future business growth and expansion.
Technologies Used
- Python Programming Language
- Django Web Framework
- Wagtail CMS
- HTMX
- PostgreSQL
- Amazon S3
- Docker CI/CD
Branding
In addition to web development, we also designed and planned the branding for Indopesona.id, covering everything from:
- Logo design
- Font selection
- Color palette choices
- Website design and visual aesthetic
This comprehensive approach ensures a consistent and strong brand identity, aligning both the digital presence and user experience with the company's vision.
Digital Marketing
Our digital marketing services for PCM Indopesona focused on Google Ads management, which successfully positioned Indopesona as the top-ranking website in the plastic product supplier category.
As a result, the website consistently attracts around 40,000 visitors per month, significantly boosting its online presence and customer engagement.
