EN / ID
Manufacturing

Herbal Maklon

Website template for herbal contract manufacturing. Includes a BPOM and CPOTB certification showcase, a transparent production process, and a B2B inquiry flow that converts new business partners.

97/100 Core Web Vitals
WhatsApp B2B inquiry flow
Zero Runtime JS
A Security headers
lp-templates-smb-03.pages.dev

BPOM and CPOTB Certifications Are the First Thing a Serious Partner Looks For

In herbal contract manufacturing, the distance between a facility that looks credible and one that actually is certified is exactly the gap your website has to close before a procurement officer picks up the phone. The Herbal Maklon template is built for facilities whose compliance credentials are genuine, and who need a digital presence that leads with them, not a brochure that makes prospects ask.

Who This Is For

Established Indonesian herbal contract manufacturers (maklon facilities) producing jamu, herbal supplements, and natural health products for brand owners launching or scaling supplement lines. The template is built for facilities with current capability across capsule, tablet, liquid, and sachet dosage forms, serving supplement brand owners, wellness entrepreneurs, and retail chains commissioning private-label health products. Competition spans other herbal maklon facilities as well as pharmaceutical producers that brand owners often consider for higher-margin formulations. Positioning is anchored in BPOM, halal, and CPOTB certifications rather than the lowest unit cost. Market context: the regulated herbal-supplement category in Indonesia operates under strict BPOM compliance requirements, where procurement officers run predictable credential checklists before any sample request, and the facility whose site verifies certification, dosage capability, and realistic BPOM timelines first gets the meeting before competitors are even contacted.

What This Template Covers

  • Certification Showcase: BPOM, CPOTB, and Halal MUI badges positioned in the primary content area, visible before a visitor scrolls, with document references a procurement officer can verify independently.
  • Production Process Visualization: The steps from raw material intake through formulation, in-process QC, filling, packaging, and final release. Laid out as a timeline that shows how the facility actually operates, not just what it claims to produce.
  • Formula Catalog with MOQ: Ready-to-produce herbal formulas organized by product type, each listing showing key botanical ingredients, available dosage forms, and minimum order quantities, so prospective clients can evaluate fit before they inquire.
  • HPP Calculator and Timeline Estimator: Two tools that transform a passive browser into an active evaluator. Cost-of-goods estimates and realistic production-plus-BPOM timelines, both generated without a single call to your sales team.
  • Zero Runtime JavaScript: Built with Astro, deployed on Cloudflare's global edge. Every page, including the interactive tools, loads instantly with nothing executing in the browser. That's why Core Web Vitals hits 97/100 on both mobile and desktop.

Full Site Architecture: 5 Pages

Five focused pages for a narrow B2B audience that already knows what they want. The formula catalog and timeline estimator answer "is this the right manufacturer?" before the HPP calculator answers "can I afford it?" The featured product LP is separate from the main catalog. It's a conversion-focused proof point, not a browsing page.

herbal-maklon/
├── /                           HOME
│   ├── [Hero]   Herbal contract manufacturing + B2B Inquiry CTA
│   ├── [§]      Certification showcase: BPOM · CPOTB · Halal MUI
│   ├── [§]      Production process timeline
│   ├── [§]      Product categories: Herbal · Supplement · Cosmetic
│   └── [CTA]    B2B Inquiry / WhatsApp
│
├── /katalog-formula            FORMULA CATALOG
│   [§] Ready-to-produce herbal formulas with MOQ & specs
│   filterable by product type & volume
│
├── /estimasi-timeline          PRODUCTION TIMELINE ESTIMATOR
│   [Tool] Product type → estimated production & BPOM timeline
│
├── /kalkulator-hpp             HPP CALCULATOR
│   [Tool] Calculate cost of goods for custom herbal product
│
└── /lp/slimming-tea            FEATURED PRODUCT LP
    [§] Slimming tea: formula specs + MOQ + inquiry CTA

───────────────────────────────────────────────────────────────── [Hero] lead section · [§] content section · [CTA] conversion point formula catalog · timeline estimator · HPP calculator · product LP

Independent Verification

Both reports were captured on the live site, not a staging environment. Click either image to run a fresh scan yourself.

Google PageSpeed Insights Performance Score

Google's public tool for measuring real-world web performance. It scores pages across Performance, Accessibility, Best Practices, and SEO. Each category is scored out of 100. A score of 90+ is considered good. This site scored 97 on mobile and 100 on desktop.

PageSpeed Insights 97/100. Performance, Accessibility, Best Practices, SEO.
Run a live scan ↗
SecurityHeaders.com by Snyk Security Headers Audit

An independent scanner that checks which HTTP security headers a site has configured. Headers like CSP, HSTS, and X-Frame-Options protect visitors from common web attacks. Grade A means all major headers are present and correctly set.

SecurityHeaders.com Grade A. All major headers present.
Run a live scan ↗

How to Evaluate the Demo

  • Certification placement: Open the homepage. How many scrolls before BPOM and CPOTB appear? A procurement officer who has to search for compliance credentials is already forming a negative impression.
  • Timeline estimator: Run the estimator for a supplement capsule with BPOM registration included. Does the output give a realistic week-count, or a vague range that raises more questions than it answers?
  • Formula catalog: Pick a product category and find a formula. Can a brand owner read the botanical ingredients, MOQ, and dosage form without sending a message to ask?
  • B2B inquiry CTA: Does the inquiry form feel appropriate for a procurement conversation, capturing product type, volume, and certification requirement, or does it read like a consumer contact form asking for a name and email?
  • Accessibility: Open PageSpeed Insights on the demo. Headings, contrast ratios, alt text, and keyboard navigation all pass automated accessibility checks.
  • Security: Run the SecurityHeaders.com scan above. Grade A means every visitor is protected by the full set of HTTP security headers: CSP, HSTS, X-Frame-Options, and more.
"Risk-averse buyers don't need convincing. They need evidence. A herbal manufacturer that openly displays BPOM certification, shows its QC steps, and publishes realistic BPOM timelines has already cleared the first gate before any competitor does."
THE BRIEF

What We Were Hired to Solve

The Challenge

Herbal health product clients are risk-averse by category. They're regulated themselves, and a supplier who can't demonstrate BPOM and CPOTB compliance becomes a liability, not a partner. Most herbal maklon facilities bury their certifications in a footer PDF. That's the problem this template solves.

The Approach

Surface the credentials that matter first, then build depth. BPOM and CPOTB badges in the primary content area, a production process that shows the QC steps rather than just the outcome, and a B2B inquiry flow framed for procurement, not consumer contact. The site does the compliance review before the first meeting.

THE PROCESS

How We Built It

8 stages · Click each to see the output and reasoning

01

Discovery & Goals

Cataloguing certifications, production scope, and the specific compliance questions new partners ask before they agree to a site visit.

WHAT WE DELIVERED

A project brief listing active certifications (BPOM, CPOTB, Halal MUI), product categories, MOQ ranges by formula type, and one north-star metric: the qualified B2B inquiry from a partner who already understands the facility's compliance standing.

WHY IT MATTERS

Herbal health clients are regulated businesses themselves. They can't partner with a supplier whose compliance status is unclear. The brief locked in which certifications to lead with and in which order, so nothing critical was buried.

02

Design & Brand Direction

A clinical, structured visual system that signals compliance before a single badge is read.

WHAT WE DELIVERED

A brand style guide built around clean whites, structured grids, and a typographic hierarchy that treats BPOM certification documentation with the same visual weight as product photography.

WHY IT MATTERS

Regulated B2B buyers make fast judgments from layout before they read copy. A facility that presents its credentials in an organized, clinical design system is already passing the visual audit before the content audit begins.

03

Sitemap & Architecture

Five pages sequenced to follow the exact checklist a procurement officer runs through during supplier evaluation.

WHAT WE DELIVERED

A page structure covering the homepage credential showcase, formula catalog with MOQ and specs, production timeline estimator, HPP calculator, and a featured product landing page. Each page is positioned to deepen trust before the inquiry CTA.

WHY IT MATTERS

Procurement checklists are predictable: Is this facility BPOM-certified? What can they produce? What's the timeline? What will it cost? The architecture answers those questions in the order they're asked.

04

Development

Zero runtime JavaScript. The timeline estimator and HPP calculator work instantly, even on a procurement officer's corporate-locked browser.

WHAT WE DELIVERED

A staging site with all five pages live. The timeline estimator and HPP calculator render server-side, certification assets are optimized for fast display, and the whole site deploys on Cloudflare's global edge network.

WHY IT MATTERS

A site that performs poorly on a corporate laptop, the exact device a procurement team uses during supplier evaluation, signals the same operational quality as a slow production line. Speed is a credibility signal.

05

QA & Performance Audit

97/100 Core Web Vitals. Grade A security. Every calculator result and inquiry path verified against real production scenarios.

WHAT WE DELIVERED

A QA report covering 97/100 Core Web Vitals on mobile and desktop, Grade A security headers on SecurityHeaders.com, timeline estimator validated against actual BPOM timelines, and all inquiry forms tested end-to-end.

WHY IT MATTERS

A timeline estimator that gives a brand owner an unrealistic BPOM timeline, or an inquiry form that silently fails, are both forms of misinformation. Verification was done against real-world data before anything went live.

06

On-Page & Local SEO

Built to rank for 'maklon herbal BPOM', 'jasa maklon suplemen CPOTB', and every high-intent B2B search.

WHAT WE DELIVERED

Full SEO infrastructure: ManufacturerOrProducer structured data, certification and formula schema markup, meta titles targeting herbal maklon and CPOTB contract manufacturing terms, and Google Business Profile sync.

WHY IT MATTERS

Brand owners searching for a CPOTB-certified herbal manufacturer are past the research phase. They're selecting. Ranking for that search puts the facility in the evaluation before the prospect types a competitor's name.

07

Launch & Handover

Live and self-managed. The team updates certifications, formulas, and MOQs without waiting on an agency.

WHAT WE DELIVERED

A live site with full client ownership: custom domain, SSL, security headers configured, CMS access granted, and a walkthrough so the team keeps the certification showcase current through every renewal cycle.

WHY IT MATTERS

BPOM and CPOTB certificates have expiry dates. MOQs shift with raw material availability. A manufacturer who can't update their own site risks displaying lapsed credentials, which in a compliance-sensitive industry is worse than no website at all.

08

Ongoing Support

Monthly review so the certification showcase stays accurate through every regulatory cycle.

WHAT WE DELIVERED

A monthly support package: Core Web Vitals tracking, certification and formula updates, timeline estimator accuracy checks after any BPOM regulatory update, and priority response when compliance documentation changes.

WHY IT MATTERS

In regulated manufacturing, an outdated certification page is a trust liability, not a minor oversight. Monthly support keeps every credential and production timeline aligned with the facility's current compliance status.

OUTCOME

Core Web Vitals 97 / 100 · B2B inquiry flow optimised for WhatsApp · Zero runtime JS

FAQ

Common Questions About This Template

What technology is used to build this template?

This template is built with Astro (a modern static generation framework), Tailwind CSS for styling, and deployed on Cloudflare Pages. This combination delivers extremely fast load times and high Core Web Vitals scores.

What should I explore in the live demo?

Check loading speed on mobile, the booking or contact flow, how key content is presented, and responsiveness across screen sizes. Also note trust elements like testimonials and team profiles.

Can this template be adapted for my business?

Yes. All elements — content, colors, typography, and features — are fully customizable. Our team handles the adaptation process from demo to a live, ready-to-use website for your business.

Want a Website Like This?

We build and customize templates like this for local businesses — from demo to live, handled end to end.