The project at a glance
This is the second site I've built for them. I moved it off WordPress onto Astro as 176 pages: 75 filterable project pages, 12 pages for upcoming BTOs, a renovation cost calculator and a library of cost guides, with SEO and Google Ads on top.
- Client
- MET Interior
- Industry
- Interior Design
- Location
- Singapore
- Built
- August 2026
- Time to build
- 6 weeks
- Live site
- metinterior.com.sg
Built with
Astro, React, Tailwind CSS, TypeScript, Vercel, Google Analytics 4, Google Ads, Microsoft Clarity, Schema.org, WhatsApp Business
In numbers
- 176 Pages Rebuilt
- 75 Project Pages
- 12 BTO Landing Pages
- 500+ Homes Showcased
Counts from the site I built, and figures the business publishes about itself.
What wasn't working, and how I fixed it
Before
The old site was on WordPress, and every new page made it heavier
MET needed a guide library, a cost calculator and a dozen BTO pages. Each page-builder section carried more script than content, so the more useful the old site got, the slower it would be.
What I did
I moved it onto Astro and gave it a quieter, editorial look
The homepage opens on We design Singapore interiors, the last word in gold italic, beside a featured project, Casa Spring. The header has search, a light and dark switch, the phone number and Free Consultation, and the Guides menu leads to the cost guides.
Before
The old site kept 500 homes in one flat gallery
Homeowners arrive knowing they have a 4-room BTO or a landed A&A, and they want to see that. On the old site, the project that would win the enquiry sat three scroll-loads down.
What I did
I gave each project its own page, filterable two ways
The homepage shows a selection, each labelled with its address and property type, and View All Projects opens all 75. They filter by property type, from BTO to landed, and by 21 design styles, Japandi and Wabi-Sabi among them.
Before
The old site had no page for any upcoming BTO
Someone collecting keys to Costa Grove in June 2026 starts looking for a designer a year early, and they search the project by name. The old site wasn't there when they did.
What I did
I built a page for each of the 12 upcoming BTOs
The homepage groups them by TOP month, starting with the six due in June 2026, and each card names the streets and the nearest MRT. Each one opens a page on the neighbourhood and the renovation timeline.
More of the site than the homepage
The Projects and Renovation Cost Calculator pages beside the homepage, captured from the live site.
What changed from the old site to the new one
| What | Before | After |
|---|---|---|
| Platform | WordPress with a page builder | Astro, statically rendered |
| Project Pages | One flat gallery | 75 pages, filterable by property and style |
| Design Styles | Not browsable | 21 style categories |
| Cost & Renovation Guides | None published | 30+ guides plus a cost calculator |
| Upcoming BTO Coverage | No dedicated pages | 12 BTO landing pages |
| Total Pages | A brochure site | 176 pages |
The whole site, desktop and phone
These are captures of the real pages. Open either frame to scroll down the full page.
How the build ran, 6 weeks in all
-
Audit & Content Architecture 1 week
Audited the 2024 site, mapped the 500+ project archive into property types and design styles, and planned the guide library and BTO page set around what homeowners actually search for.
-
Design 1.5 weeks
Developed the lighter editorial direction in DM Sans, the dark and light themes, the project card and filter system, and the layouts for guides, calculator and BTO pages.
-
Build & Migration 2.5 weeks
Rebuilt on Astro with React islands, migrated 75 project pages and the existing content off WordPress, built the cost calculator, the site search and the 12 BTO landing pages, and mapped the old URLs across.
-
Tracking & Launch 1 week
Wired GA4, Google Ads conversions and Clarity, checked schema and redirects, tested light and dark across browsers, and deployed to Vercel.
Next project
More work like this
-
Perfect Style Salon
A redesign for a luxury hair salon, with booking built in and structured data on every page.
Read the case study → -
G & K Couture
A cream and gold site for a bespoke cheongsam atelier, with its Google Business Profile set up.
Read the case study → -
Arcade Rental Singapore
A browsable catalogue of 150+ arcade machines for event rental, with SEO and Google Ads on top.
Read the case study →
Tell me about your business and I'll show you what I'd build
Message me what you do and what the site needs to do. I'll reply with a fixed price and how long it takes.