Background
PT Black Diamond Resources Tbk, a coal mining and energy company, required a modern corporate website to strengthen its digital presence and meet compliance standards for investors and stakeholders. The platform needed to provide multilanguage support (ENG/ID), showcase mining assets, publish governance & CSR documents, and streamline investor relations with structured digital reports.
The company also required a custom CMS to manage complex content modules (investor reports, governance committees, awards, CSR news, and mining project data) without depending on third-party systems, and a TradingView integration for interactive investor charts.
Responsibilities
- Developed the frontend using Nuxt 2 with a modular, component-driven approach.
- Built a custom CMS dashboard using Nuxt, connected to a Laravel backend API, to manage company profile, vision & mission, governance structure, awards, reports, and news.
- Integrated multilanguage (English & Indonesian) content management for both frontend and backend.
- Implemented investor relations modules (Financial Statements, Annual Report, Sustainability Report, Public Expose, Prospectus) with file upload and version control.
- Integrated TradingView widgets for real-time and historical market data visualization.
- Delivered responsive UI/UX consistent with corporate branding and optimized for accessibility.
Architecture & Tech Stack
- Nuxt 2 (Vue.js framework) – frontend rendering and CMS admin panel.
- Laravel API – backend for content management, authentication, and investor data handling.
- Custom CMS – built-in content editor for all site modules.
- TradingView integration – embedded charts for real-time stock data.
- Multilanguage engine – bilingual support with content versioning (ENG & ID).
- RESTful API integration for file uploads, announcements, and news management.
- Responsive design – adaptive typography and layouts for mobile-first delivery.
Key Features
Investor Relations:
- Financial Statements (multi-year)
- Annual Reports
- Sustainability Reports
- Prospectus & Public Expose
- Interactive Holding Structure visualization
- TradingView-powered charts for real-time and historical stock data
Challenges & Learnings
- Custom CMS Dashboard – centralized management for all modules with login authentication.
- Custom CMS with Laravel API – ensuring the CMS could handle structured content while remaining simple for non-technical staff.
- Page Transition Animation – implemented smooth loading indicators on route changes to improve UX.
- Investor Data Compliance – ensured all investor reports followed ASX-style standards and were easily downloadable.
- Multilanguage Consistency – built ENG/ID support across both frontend and backend without duplicating layouts.
- TradingView Integration – embedded live chart widgets that adapt seamlessly to the site’s responsive layout.
Outcomes
- Delivered a fully bilingual, responsive corporate website aligned with PT Black Diamond Resources’ brand identity.
- Reduced admin effort with a custom-built CMS tailored to corporate governance and investor communication needs.
- Provided transparent investor relations with structured reports and interactive visualization.
- Enhanced user trust and engagement with a modern UI, seamless navigation, and performance-optimized architecture.
