Warna Abadi Paint Store Website

Paint store website with a catalogue by finish, a coverage calculator, and WhatsApp ordering.

Open Live Preview

Industry

Paint & Home Improvement Retail

Timeline

1 week

Package Used

A website with clear structure and navigation, for a small business going online for the first time

This is a demo website I built on my own as a sample, not paid client work. The business name is illustrative. The live preview above is the real build.

About This Website

Paint store website with a catalogue by finish, a coverage calculator, and WhatsApp ordering.

Notes Behind This Demo

Warna Abadi is just a paint store name for this demo. The buyer I pictured is redoing one or two rooms and does not know how many liters to buy. They have not settled on a paint type or finish either, so they look for answers before heading to the store.

Three design decisions

The paint calculator states its assumptions above the inputs: 10 m² per liter per coat, minus a rough allowance for doors and windows. I turn the result into a mix of 5 L and 1 L cans, and the FAQ below reminds people it is an estimate for interior wall paint.
The Konsultasi Hasil Ini button sends the result and the room size to WhatsApp in a prefilled message. The store staff receive the same numbers the buyer saw, and the conversation can go straight to product choices.
The finish guide is a row of cards that swipe sideways on a phone, from matte to gloss, each tagged with rooms it suits, such as living rooms or door frames. Buyers usually think in rooms, so that tag is what helps them pick a finish.

I built this demo within the Starter scope, and the calculator runs entirely in the browser. For a product list with many photos of cans and color samples, Business (Rp 5.000.000) offers a catalog without a backend, plus help updating it during the one-month support period. Online payment on the site needs a database, so it belongs to Enterprise, from Rp 15.000.000.