Luxe Housing: a custom real estate website that loads in 0.8 seconds on a phone
Opulent Grow designed and engineered www.luxeagency.online, the website for Luxe Housing, a private residential developer based at Bishopsgate in the City of London with six schemes in Dublin, Edinburgh, Cardiff, Munich and on Sylt. The site plays a 160 frame film as you scroll, draws its company timeline in step with the scrollbar and serves every property image as AVIF at up to five widths. Google PageSpeed Insights records a mobile Largest Contentful Paint of 0.8 seconds, a Cumulative Layout Shift of 0.001 and zero Total Blocking Time, with 100 for Accessibility, Best Practices and SEO. On desktop it scores 100 in all four categories.
By Aditya A. (Aditya Anand), Co-Founder & Creative Director. Published . Updated .
What is a custom real estate website?
A custom real estate website is a property website designed and coded for one developer or agency instead of assembled from a theme. It is built around that firm's schemes, brand and enquiry process, so image delivery, motion and data structure can be engineered for speed. The Luxe Housing site is an example: six scheme pages from one data source and a 0.8 second mobile LCP.
Why does page speed matter for a property website?
Property buyers judge a scheme by its images, and images are the heaviest part of a real estate site. Google uses Core Web Vitals as a page experience signal, and slow pages lose visitors before the hero loads. The Luxe Housing site delivers every scheme image on a phone in 137 to 287 KB and shows its largest element in 0.8 seconds.
Can a website use heavy animation and still score well on PageSpeed?
Yes, if the animation is engineered for it. The Luxe Housing site runs a 160 frame scroll film, a scroll-drawn timeline and headline reveals, and still records 0 ms Total Blocking Time and a 0.001 layout shift on mobile. It animates only transform and opacity, loads animation code after the fonts and reserves space for every image.
Does Opulent Grow design real estate websites outside London?
Yes. Opulent Grow builds custom websites and custom real estate websites for clients in London and across the United Kingdom, Scotland, Ireland, Oman, India and Australia. The Luxe Housing build handles schemes in England, Ireland, Scotland, Wales and Germany from one codebase.
What technology did Opulent Grow use for the Luxe Housing website?
The site uses React 19 and TypeScript on TanStack Start, built with Vite and Nitro and hosted on Vercel. Motion runs on GSAP with ScrollTrigger and SplitText, Framer Motion and Lenis. Images are processed with sharp into AVIF and WebP. Enquiries are validated with Zod and stored in a Postgres database with row level security.
How are enquiries protected on the Luxe Housing website?
Enquiries are sent to a server function that validates every field with Zod before writing to the database. The database table uses row level security, so public keys can add a row but cannot read one. The privileged database client exists only on the server, and the build fails if browser code tries to import it.