Skip to content
Want a website like this?
Batam Auto Gallery Showroom Website

Demo Website

Batam Auto Gallery Showroom Website

Car showroom website with model listings, an EV section, an installment estimator, and WhatsApp consultation.

Open Live Preview

Industry

Automotive Dealership & Car Showroom

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.

01

About This Website

Car showroom website with model listings, an EV section, an installment estimator, and WhatsApp consultation.

02

Notes Behind This Demo

Batam Auto Gallery is a fictional showroom in Batam selling petrol and electric cars. The buyer I pictured already has two or three models in mind, wants to compare specs and estimate installments from home, and only then comes in for a test drive.

Three design decisions

  1. Fuel type has the same color code on every card: the BENSIN (petrol) label is bronze and the LISTRIK (electric) label is teal. A buyer looking for an electric car can separate the options at a glance, before touching the category filter.
  2. The installment estimator uses the same car list as the display grid, with a 20, 30, or 50 percent down payment and terms of up to 60 months. It shows the down payment, remaining principal, and monthly installment, with a note that the bank or leasing company sets the final figure, so the result reads as an estimate.
  3. Two models get their own spec tab, a table of engine, power, transmission, and dimensions with values aligned right for easy comparison. Below it, a note says the physical car in the showroom is the final reference.

The six cars on display are fixed in the code. Stock that changes weekly and is updated by the sales team themselves needs an admin panel on top of a database, which only Enterprise has, from Rp 15.000.000. Business (Rp 5.000.000) covers a backend-free catalog, with car photos served from Cloudflare's storage and CDN and extra images added on request during the month of support.

03

What It Includes

  • Model listings with category filters (SUV, MPV, EV, Hatchback)
  • Dedicated electric vehicle section
  • Price and monthly installment estimator
  • Promo and trade-in highlights
  • WhatsApp appointment booking

04

Built With

  • Next.js
  • TypeScript
  • Tailwind CSS
  • WhatsApp Integration

Project Gallery

Batam Auto Gallery Showroom Website - Screenshot 1
Batam Auto Gallery Showroom Website - Screenshot 2
Batam Auto Gallery Showroom Website - Screenshot 3
Batam Auto Gallery Showroom Website - Screenshot 4

Interested in Similar Project?

We can build a similar site for your business, on the same technology and features.

This project uses:

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

Pricing and packages for a car showroom website →

*Contact us for further consultation about your project