Web · Live
Bengkel Roda Presisi Company Profile
A sample company profile website for a motorcycle workshop, from the service and price list to a WhatsApp booking button.
Why it matters
What makes it stand out.
Prices visible before the visit
Four services are listed with prices and the work they include, so customers know the likely cost before bringing their motorcycle in.
One-tap booking
Every service has its own WhatsApp button with a pre-filled message, and the booking button is always in the header.
Comfortable on a phone
On small screens the header shrinks to the workshop name and the booking button, and every card stacks in one column with no sideways scrolling.
Lightweight, no JavaScript
A single HTML file with its CSS inside, no JavaScript, and five WebP photos of about 240 KB in total, so it loads quickly even on a slow connection.
The problem
Many small workshops are known only by word of mouth. Potential customers do not know the price range, opening hours or how to book, so they have to ask first or turn up and wait.
Who it is for
Workshop owners and service businesses that need their first online presence, and potential Aufal Tech clients who want to see a sample of the Rintisan package for a service business.
Key features
Eight ready-to-fill sections
Opening, about the workshop, services and prices, gallery, how to book, customer reviews, contact and footer.
Service cards with prices
Each service has a price, a list of the work included and a WhatsApp order button whose message already names the service and price.
A four-step booking flow
Explains the order from sending a message and confirming the slot, to an initial check with a cost estimate, to a test ride before payment.
Header that stays visible
The menu and booking button stay at the top while scrolling. On phones the menu is hidden so the header does not cover the content.
Respects motion preferences
Transitions are turned off for visitors who enable reduced motion on their device.
The same approach can be adapted for
- Profile websites for motorcycle workshops, car workshops or AC servicing
- A service price list with a WhatsApp booking button
- A schedule and booking page for queue-based businesses
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 workshop, that choice means very low hosting cost and almost nothing to maintain.
Implementation details
A style that suits a workshop. A dark background with an amber accent, cards with strong outlines and large figures give the impression of a tidy, trustworthy workshop.
Colours through variables. The whole palette is defined as CSS variables in one place, so changing the brand colour means editing a few lines.
Pre-filled WhatsApp messages. Each button opens WhatsApp with a message naming the service and its price, so the owner knows straight away what is being ordered.
Lightweight photos. The five photos in the opening section and gallery are compressed to WebP, about 240 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
Bengkel Roda Presisi is not a client and not a real business. On a client website, the illustrations are replaced with real photos of the workshop. 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
