3 min read

Hamparan Stone

Hamparan Stone catalog website preview
Hamparan Stone project preview.

Hamparan Stone is a company profile and product catalog website for a natural stone supplier in Indonesia. The website was built with a Laravel-based CMS so the internal team could manage company pages, catalog entries, stone collections, and bilingual content from one backend.

The main challenge was not only building the public website, but also structuring a large stone catalog in a way that could stay manageable over time. The catalog contains many product variations across collections such as granite, marble, onyx, travertine, and quartzite, with product data that needed to be organized carefully for both Indonesian and English visitors.

Overview

The website combines a corporate profile with a product discovery experience. Visitors can learn about the company, browse stone collections, search products by name, filter catalog items, and continue to inquiry flows when they find a material that fits their project.

Problem

Hamparan Stone needed a website that could present a premium brand profile while still handling a large and detailed product catalog. The catalog process took extra time because the stone data was extensive, varied by collection, and needed to support content differences between Indonesian and English pages.

Role

I worked on the development side of the project, translating the design and content requirements into a Laravel CMS implementation. My responsibility focused on building the website structure, catalog management flow, multilingual content handling, and the front-end pages connected to the CMS data.

Stack

  • Laravel
  • PHP
  • JavaScript
  • Blade
  • MySQL
  • HTML
  • CSS

Scope

  • Built a Laravel-based CMS for managing company profile content.
  • Developed product catalog pages for stone collections.
  • Structured catalog data for materials such as granite, marble, onyx, travertine, and quartzite.
  • Added product search and filtering patterns for easier discovery.
  • Supported Indonesian and English content across the website.
  • Organized product catalog workflows so a large number of stone entries could be maintained more consistently.
  • Connected public pages to CMS-managed content.

Catalog Structure

The product catalog was the largest part of the work. Each product needed to be represented consistently with its collection, naming, image/content fields, and localized page output. Because the catalog contains many items, the CMS flow had to make data entry and future updates more predictable instead of relying on hard-coded product pages.

Multilingual Support

The website supports both Indonesian and English content. This affected page copy, navigation labels, catalog labels, product discovery text, and call-to-action content. The implementation needed to keep both languages aligned while still allowing localized wording where needed.

Implementation Notes

  • Kept catalog content dynamic through the CMS instead of static templates.
  • Separated company profile content from catalog data so each area could be managed independently.
  • Designed catalog pages around repeatable data patterns to reduce manual work.
  • Paid extra attention to product organization because the catalog size made consistency important.
  • Built the site with a structure that can continue growing as new stone products are added.

Outcome

The result is a Laravel CMS website that presents Hamparan Stone as a company profile while also supporting a detailed, multilingual product catalog. The project gives the business a maintainable way to showcase many stone products and collections without depending on manually edited static pages.