Fadhil Official Logo
Fadhil NuruzzamanSoftware Engineer
Fadhil Official Logo
CatalogPT Raja Rak Indonesia2024

Raja Plastik Indonesia: Product Catalog Website

Raja Plastik Indonesia already had a website for its 3,000+ wholesale plastic product catalog, but the old site felt dated, was hard to navigate, and struggled to keep up as traffic grew. So this project redesigned it into a faster, more modern experience with clearer marketing and credibility content.

Preview

Walk Through the Site

A scrollable look at the finished site, exactly as a visitor would browse it.

Raja Plastik Indonesia: Product Catalog Website desktop preview

Desktop

Raja Plastik Indonesia: Product Catalog Website mobile preview

Mobile

Tech Stack

Technologies Powering the Build

The tools and technologies that came together to bring this project to life.

Wordpress logo
Elementor Pro logo
Blocksy Pro logo
WooCommerce logo
LiteSpeed Cache logo
Redis logo
AIOSEO logo
Cloudflare logo
Plesk logo
Claude logo

Roles

A Skill-by-Skill Breakdown

Each project draws on a mix of disciplines, here's how they came together on this one.

Web Development

  • Redesigned and rebuilt the site with WordPress, Elementor Pro, and the Blocksy Pro theme.
  • Installed and configured every plugin the site needed.
  • Reorganized and optimized the 3,000+ product catalog within WooCommerce.
  • Configured Cloudflare, a custom fail2ban rule to auto-ban scraper-like IPs, Nginx rate limiting, and database indexing to defend against a bot traffic spike.
  • Monitored system load, disk, and RAM usage to keep the VPS healthy under the catalog's scale.
  • Configured SSL, routine backups, and site speed optimization for reliability.
  • Performed ongoing maintenance: updating plugins and themes, and monitoring performance and uptime.

Web Design

  • Modernized the overall visual identity compared to the outdated old site.
  • Customized Blocksy Pro's global styles, colors, and typography to match the client's branding.
  • Designed a clean, categorized product browsing experience.
  • Structured product pages for quick specification scanning.
  • Kept the layout usable even with thousands of listed products.
  • Designed a company profile and credibility section to build trust with buyers.
  • Designed a client showcase section highlighting companies that have purchased from them.
  • Made page-by-page responsive adjustments beyond the theme's default breakpoints.

Graphic Design

  • Adapted the client's existing logo for web use, adjusting sizing, format, and background.
  • Designed category icons for easier visual navigation.
  • Prepared and optimized thousands of product photos for the catalog.
  • Standardized product image cropping and backgrounds.
  • Prepared photography for the company profile and facilities beyond just products.
  • Curated visual assets for the credibility and client showcase sections.
  • Created the site's favicon.
  • Compressed every image to WebP and under 200KB before upload, without a visible drop in quality.

Digital Marketing

  • Wrote clear company profile and marketing copy to build credibility with buyers.
  • Highlighted brand range and past client relationships to build social proof.
  • Positioned nationwide shipping coverage as a trust-building selling point.
  • Optimized product titles and descriptions for search.
  • Set up structured data for better product visibility in search results.
  • Set up Google Search Console and Google Analytics to monitor search performance and traffic.

Highlights

Behind the Scenes

A closer look at what the finished product offers, the obstacles along the way, and what came out of it.

Key Features

  • Fully responsive design across desktop and mobile devices.
  • Optimized images for fast loading.
  • Google Analytics and Search Console integration.
  • Catalog of 3,000+ wholesale plastic product variants.
  • Categorized product catalog with filters.
  • Product detail page with full specifications.
  • SEO-optimized product titles and descriptions.
  • Structured data markup for better search engine visibility.
  • Wholesale contact integration for bulk purchases.
  • Nationwide shipping coverage information.
  • Company profile and marketing content built for credibility.
  • Contact and address information.
  • Photo gallery of products and facilities.
  • Overview of brands carried.
  • Showcase of companies that have purchased their products.

Challenges Faced

Scaling for a 3,000+ Product Catalog

The redesign needed to handle thousands of product listings without sacrificing browse speed, so the catalog structure, queries, and VPS resources were planned carefully.

Page Performance With Many Product Images

Thousands of product images risked slowing down the catalog page, so lazy-loading and consistent image compression were applied.

Withstanding a Bot Traffic Spike

A wave of automated bot traffic spiked server load and slowed the site to a crawl, resolved with Cloudflare, a custom fail2ban rule that auto-bans IPs showing scraper-like request patterns, Nginx-level rate limiting, and database indexing.

Lessons Learned

  • Learned how much upfront planning a high-volume catalog (3,000+ products) needs to stay fast as it scales.
  • Picked up practical experience optimizing image-heavy pages for performance.
  • Gained real-world incident response experience handling a live bot traffic spike under production pressure.

Impacts

Problems Solved After Launch

How this project changed things for the business and its users after launch.

Restored uptime

Images under 200KB

Fast browsing at scale

Modernized storefront

Clear nationwide shipping

Visible client showcase

Critical Fix

Site Downtime From a Bot Traffic Spike

Before

A wave of automated bot traffic spiked server load until the site slowed to a crawl and became unreachable for real visitors.

After

Cloudflare, a custom fail2ban rule targeting scraper-like traffic, Nginx rate limiting, and database indexing brought load back to normal and kept the site reachable.

Performance

Slow-Loading Pages From Unoptimized Images

Before

High-resolution images across the site, not just one section, risked slowing down every page.

After

Every image across the site is compressed to WebP and kept under 200KB, keeping pages fast without a visible drop in quality.

Performance

Slow Catalog Browsing at Scale

Before

Browsing and filtering through 3,000+ products on the old site felt slow and clunky as the catalog grew.

After

The redesign optimized catalog queries and structure, keeping browsing and filtering fast even at that scale.

Improvement

A More Modern, Credible Storefront

Before

The old site felt dated and didn't clearly communicate the company's brand or profile.

After

The redesign added clear marketing content and company profile information, giving buyers a stronger first impression.

Improvement

Nationwide Reach Made Clear

Before

Shipping coverage wasn't clearly communicated on the old site.

After

The redesign clearly presents nationwide shipping across Indonesia, removing doubt for out-of-town buyers.

Improvement

Social Proof From Past Buyers

Before

The old site didn't showcase any of the companies that had already purchased from them.

After

A client showcase now gives new prospects social proof from companies that already trust the brand.