Web · Live
Laundry Embun Pagi Price Catalogue
A sample price catalogue website for a laundry, with per-kilo prices, turnaround times and a WhatsApp order button for every service.
Why it matters
What makes it stand out.
Price and turnaround in one place
Every service shows its price, its unit (per kg, per item or per pair) and when it will be ready, so customers do not have to ask first.
Order straight from the service card
Six services, each with a WhatsApp button whose message already names the service and its price.
Comfortable on a phone
On small screens the header shrinks to the laundry name and the order button, and the price cards stack in one column with no sideways scrolling.
Lightweight, no JavaScript
A single HTML file with its CSS inside and five WebP photos of about 160 KB in total, so it loads quickly even on a slow connection.
The problem
Laundry customers usually want to know the price per kilo and when their clothes will be ready before they come in. When that information lives only on a banner or a WhatsApp status, the owner has to answer the same questions again and again.
Who it is for
Laundry owners and service businesses with many price options that need their first online presence, and potential Aufal Tech clients who want to see a sample of the Rintisan package as a price catalogue.
Key features
Eight ready-to-fill sections
Opening, about the business, price list, gallery, how to order, customer reviews, contact and footer.
A six-service price catalogue
Each card shows the turnaround time, service name, price with its unit, a short description and an order button.
Captioned gallery
Four photos show the flow from weighing the laundry to packing it, each with a short caption.
Header that stays visible
The menu and order button stay at the top while scrolling. On phones the menu is hidden so the header stays on one line.
Respects motion preferences
Transitions are turned off for visitors who enable reduced motion on their device.
The same approach can be adapted for
- Price catalogues for laundries, shoe cleaning or dry cleaning
- A service price list with units and turnaround times
- A one-page website for businesses that take orders over WhatsApp
Architecture
Like the other samples, this website is kept as simple as possible: one static HTML file with its CSS inside. There is no framework, no JavaScript and no build step. The file is served directly as a static asset.
For a small laundry, that choice means very low hosting cost and almost nothing to maintain. Changing a price means editing a number in one file.
Implementation details
A style that suits a laundry. White, light blue and teal give a clean, fresh feel, and the rounded buttons and cards make the page feel friendly.
Colours through variables. The whole palette is defined as CSS variables in one place, so changing the brand colour means editing a few lines.
Lightweight photos. The five photos in the opening section and gallery are compressed to WebP, about 160 KB in total, and the gallery photos only load when scrolled into view. They are AI-generated illustrations and are labelled as such on the page.
Not indexed by search engines. Because the business is fictional, the sample page carries a noindex tag so it does not appear in search results.
Limits of this sample
Laundry Embun Pagi is not a client and not a real business. On a client website, the illustrations are replaced with real photos of the business. The WhatsApp number in the sample is not active. The sample is only available in Indonesian.
What can be verified
- The whole page is a single HTML file with no JavaScript and no dependencies.
- No sideways scrolling at a 390-pixel screen width.
Screenshots
