Give simple homes real presence
These are single-storey terrace homes, not a luxury tower. The site had to make them feel worth the drive, without pretending to be something else.
Taman Kamunting PutraProperty · Housing project website
A site visit you can take from your phone.
The website for Taman Kamunting Putra, a housing project in Taiping, Perak. It takes a buyer through the homes the way a sales visit would, then books the viewing on WhatsApp.
In short
Taman Kamunting Putra is a housing estate off Jalan Bukit Jana in Kamunting, Taiping, developed by Taiping Bukit Jana Development Sdn Bhd, part of DSK Group. Potadot designed and built its website as one long page in English and Bahasa Melayu. The page follows the path of a real site visit: arrive, step through, compare the two house types, inspect the specifications, see what is nearby, then book a viewing on WhatsApp.
The client
A Taiping developer with 168 homes to introduce.
Taman Kamunting Putra is developed by Taiping Bukit Jana Development Sdn Bhd, part of DSK Group. Phase 2A is a row of single-storey terrace homes off Jalan Bukit Jana, close to the green hills and a short drive from Taiping town.
The homes come in two lot sizes, 20′ × 65′ and 20′ × 70′, each with three bedrooms and two bathrooms. Phases 2B, 2C and 2D are still to come.
- 168
- Homes in Phase 2A
- 2
- Lot sizes
- 3 + 2
- Bedrooms and bathrooms
- 2028
- Expected completion
The job
One page has to do the work of a sales gallery.
Most buyers look a project up on their phone long before they visit. The site has to give them enough to say yes to a viewing.
Answer the real questions
Price, size, tenure, completion date, ownership rules and distance to schools. A buyer should find every answer without having to call.
Fit how people enquire here
People here would rather WhatsApp a sales team than wait for an email, and many prefer Bahasa Melayu. The site had to meet them there.
Carry the legal details
Housing adverts in Malaysia must show the developer’s licence, permit and approval details. They needed a proper place on the page.
The concept
The website is the site visit.
A buyer wants to do the same things online as they would on site: see the house, walk in, compare the layouts, check how it is built and find out what is nearby. So we built the page in that order. Scrolling down is the visit.
The route through the page
-
1
Arrive
The estate name and the homes fill the screen.
-
2
Step through
An arched window opens onto the street.
-
3
Compare
Two house types, one switch.
-
4
Inspect
Close-ups, then the full specification.
-
5
Find it
Schools, shops and the highway, by distance.
-
6
Book
A viewing request, sent by WhatsApp.
Where the look came from
The place
“Where the green hills of Bukit Jana meet the quiet streets of Kamunting.” That line set the palette: hill greens, soft sage and an open sky.
The logo
A leaf with a line of hills inside it. Its greens run through every chapter, and its gentle curves are why nothing on the page has a hard edge.
The homes
A long, low roofline. The first screen is built around it, with the estate name set behind the roof like a sign on the horizon.
The design
Quiet, warm and a little grand.
The homes are modest, so the design does not shout. It borrows the calm of a premium launch: deep colour, classic letterforms and plenty of space.
Colour
- Deep teal
#0A1D1DDark chapters and the footer - Teal
#10302FCards and panels - Sage
#E2E6D6Reading chapters - Cream
#F3EFE4Text on dark, soft backgrounds - Moss
#5F8A63The second line of a headline - Gold
#D4B15CPrices, numbers and buttons
Gold is used sparingly on purpose. When it appears, it marks a number worth reading or the next step.
Type
KAMUNTING PUTRA
Cinzel · The estate nameBuilt simply, finished with care.
Marcellus · Headlines and numbersSingle-storey homes among the green hills of Kamunting, minutes from Taiping.
Figtree · Reading text and formsShape
The arch is the doorway of the page. It is the window you scroll through near the top, and every coming-soon phase sits inside one.
Detail
The figures a buyer looks for sit on deep cards with soft gold tiles, so they stand out as the page goes by. The same tile returns on the distance line.
Rhythm
- Arrive
- Estate
- Homes
- Details
- Location
- Phases
- Developer
- Book
Dark chapters set the mood and light chapters carry the detail. The bar above is the real page, to scale. Taking turns keeps a long scroll from feeling like one long wall.
Walkthrough
Inside the page, chapter by chapter.
Scroll through the site the way a buyer sees it. The highlight shows what to look at, and the note says why it is there.
Everything on the first screen
The name, the homes, and one bar along the bottom with the phase, the starting price and a single button.
Why A buyer should know what this is and what to do next before they scroll.
The facts on four cards
Once the street opens up, the key numbers follow: homes in the phase, bedrooms and bathrooms, tenure and completion.
Why People compare projects on these numbers, so they should never have to hunt for them.
Two house types, one switch
Two cards show each lot size with its starting price and number of units. Tap one and the picture, floor plan and details change with it.
Why Comparing in one place beats opening two pages. The enquiry button also carries the chosen type down to the form.
The specification, without the wall of text
Structure, windows, finishes and fittings are grouped into four panels, with one open at a time.
Why A serious buyer wants the full list. Everyone else can scroll past it.
Distance, not adjectives
A line runs from the estate past the school, post office, police station, shops, train station and hospital to the highway. The map sits right below.
Why “Near everything” is easy to say. 1.8 km to the school is easier to believe.
Room for what comes next
Phases 2B, 2C and 2D each get an arch and a Notify Me button, which opens WhatsApp with the phase already named.
Why Someone who is not ready for Phase 2A can still ask to hear about the next one.
A form that ends in WhatsApp
Name, mobile number, house type and preferred time. Press the button and WhatsApp opens with the message already written, in the language the visitor chose.
Why No email to wait for. The sales team gets the details it needs, in the app it already uses.
One bar, one button
The four key figuresTap to switchOne panel open at a timeFills as you scroll
Notify Me goes to WhatsAppOpens WhatsApp
Motion
Movement with a job to do.
These are recordings of the live site. Each animation follows the scroll, so the visitor stays in control of the pace.
01/03
Dusk falls on the first screen
As you scroll, the estate name sinks behind the roofline, the house comes forward and the sky turns to evening.
Why It turns a picture into a place, and moves your attention from the name to the home.
02/03
The arch opens onto the street
A small arched window grows until it fills the screen and the whole street comes into view.
Why This is the moment of stepping inside: the idea of the site visit in a single movement.
03/03
The kilometres count up
The gold line draws from stop to stop while the number counts from 0 to 9.5 km.
Why It turns a list of places into a short drive you can picture.
On the phone
Laid out again for the phone.
A property link is usually opened on a phone first, so every chapter was rearranged for a small screen, not just shrunk.
- The estate name stacks into two large lines
- A Book a Viewing button stays within reach, and steps aside when the form is on screen
- The distance line runs down the screen instead of across it
Built in
The parts you do not see.
A good look is only half of it. These details make the site work for buyers and for the sales team.
WhatsApp booking
The form writes the message for the visitor, with their name, number, house type and preferred time.
Two languages
English and Bahasa Melayu on one switch. The choice is remembered, and each language has its own address for Google.
Built for search
The page describes the developer, both house types, their price ranges and common questions in a format Google can read.
Approved advert details
Licence, permit, approval and price details sit in full in the footer, in the form housing adverts require.
Buyer questions
The questions buyers ask most are answered on the page, from tenure to ownership rules.
Calm when asked
If a visitor’s device is set to reduce motion, the animation turns off and every chapter still reads properly.
How we built it
Same process, every project.
Every Potadot project starts by understanding the client's situation before anything is designed. See all seven steps
- 1
Understand the business
What is being sold, who is buying it, and what they need to know before they will visit.
- 2
Content creation
We turned the approved sales material into short chapters, in English and Bahasa Melayu.
- 3
Design + build
Palette, type and the arch came first, then each chapter for phone and desktop, then the motion.
- 4
SEO + launch
Titles, search data and both language versions set up, then launch and support.
Questions
About this project.
Planning a launch? Tell Ricky about your project on WhatsApp at +6011-1142 1029.
What did Potadot do for Taman Kamunting Putra?
We worked out the concept, wrote the content from the approved sales material, designed the page and built the site in English and Bahasa Melayu, with search setup and WhatsApp booking.
Why one long page instead of many pages?
A housing project site has one job: to get a buyer to book a viewing. One page in a set order means nobody gets lost, and the menu still jumps straight to each chapter.
Does the animation work on phones?
Yes. Each animation is adjusted for a small screen. If a device is set to reduce motion, the animation turns off and every chapter still reads properly.
Can you build something like this for my project?
Yes. Every site starts from the client’s own project and buyers, so yours would not look like this one, but the same thinking applies. Tell us about your launch and we will show you how we would approach it.
