Skip to content
KIVA
← All work

Websites

TABUNG KITA: B2B packaging website

A fast, search-optimised sales website for my own custom paper-tube packaging business, with product landing pages, 16 buyer-guide articles, structured data, and a quote form that drops the lead straight into WhatsApp.

Context
TABUNG KITA, my own custom composite-can and paper-tube packaging business in Tangerang, Indonesia, selling to food, coffee, and supplement brands nationwide.
My role
Design, development, SEO, and conversion tracking
Year
2025–2026
Homepage hero: Homepage of the custom paper-tube packaging supplier, with the product promise, minimum order and quote call-to-action above the fold.
Mobile homepage: Phone layout of the homepage with the quote button always within thumb reach.

Overview

TABUNG KITA makes custom printed paper tubes and composite cans for brands that sell coffee, snacks, powdered drinks, supplements, and seasonal hampers. The website is its main sales channel: it has to be found on Google by brand owners searching for packaging, convince them on a phone, and turn the visit into a concrete quote request.

The problem

B2B packaging buyers search with very specific questions (prices, sizes, lid types, minimum order) and most supplier sites answer none of them. A generic one-page site ranked for nothing, sent unqualified chats to sales, and gave no way to tell which ads actually produced leads.

The solution

A lightweight static site built around search intent. Each product use case gets its own landing page, a hub of buyer-guide articles answers the questions buyers actually type, and every page carries structured data for the organisation, breadcrumbs, articles, and FAQs. The quote form collects the specs sales needs and opens a pre-filled WhatsApp conversation, so every lead arrives ready to price.

Screenshots

Captured from the real, live website.

Architecture

  1. ASearch & adsGoogle search, Google Ads
  2. BLanding pagesOne per product intent
  3. CBuyer guides16 articles, FAQ markup
  4. DQuote formSpecs → pre-filled message
  5. EWhatsApp salesConversion reported to Ads
Fully static: nothing to patch, nothing to slow down, hosting costs close to zero.

My contribution

Designed and built the whole site, planned the information architecture and SEO structure, set up structured data, clean URLs, sitemap and IndexNow, and wired WhatsApp clicks into Google Ads conversion tracking.

What it does

  • Seven product landing pages, each targeting one buyer intent: coffee, snacks, powdered drinks, supplements, hampers, coin banks, and composite cans
  • Sixteen buyer-guide articles on prices, sizing, lids, MOQ, design, shipping, and seasonal hampers, linked from the product pages
  • JSON-LD structured data on every page: Organization, BreadcrumbList, Article, and FAQPage
  • Quote request form that formats the buyer's specs into a pre-filled WhatsApp message to sales
  • Transparent pricing guidance and MOQ up front, so leads pre-qualify themselves
  • Clean URLs, XML sitemap, robots rules, a custom 404 page, and IndexNow for faster indexing
  • WhatsApp clicks reported as Google Ads conversions
  • Compact mobile reading layout and WebP images for fast loads on mobile data

Technical challenges

Ranking without thin pages

It's tempting to publish dozens of near-identical city or keyword pages. Instead, every page answers a distinct question with genuinely useful content, and pages link to each other by topic, which is what search engines reward over time.

Leads that arrive ready to quote

Free-form chats cost sales time. The form asks for product type, quantity, size, and lid preferences, then hands that summary to WhatsApp, so the first message already contains what's needed to price the job.

Measuring what ads really bring

Because the conversion happens in WhatsApp, not on the site, every WhatsApp button is generated by one script that also reports the click as a conversion, so ad spend can be judged by leads instead of visits.

Cleaning up for security

An earlier version exposed a chat-bot token in browser code. It was removed, and every contact action now goes through one audited script that uses only the public sales number.

Verified stack

  • HTML
  • CSS
  • JavaScript
  • JSON-LD structured data
  • Google Search Console
  • Google Ads conversion tracking
  • IndexNow

Facts from the code

Indexed URLs in sitemap
25
Product landing pages
7
Buyer-guide articles
16
Pages with structured data
25
Commits
68 over 12 months

Outcomes

  • Live at tabungkita.com and actively extended with new articles through October 2026.

Lessons

  • Write the page the buyer is searching for, not the page the company wants to say.
  • Put the price range and minimum order on the site. It costs a few chats and saves many wasted ones.
  • If the sale closes in a chat app, measure the click into the chat app.

About this case study

My own business, shown in full.

Planning a new website, or is yours too slow?

Describe it in a few sentences. You'll get a reply within two business days with questions, a rough approach, and a price range in CHF.

Start a project →