Real-Estate Landing Page
Do'mbirobod City
A professional enterprise landing page for a local real estate company, featuring apartment floor plans, virtual tours, and a price calculator. Built with Next.js and Figma-based UI/UX prototyping.
Overview
Real estate developers need a site that does more than list apartments — it has to make buyers feel confident before they visit. I built the Do'mbirobod City landing page from Figma designs, giving prospective buyers interactive floor plans, a virtual tour, and a price calculator so they can explore the property at their own pace.
What I built
Translated the Figma designs into a pixel-accurate Next.js site — component by component, with smooth scroll animations throughout.
Built the interactive floor plan viewer that lets buyers explore unit layouts with room-level highlighting.
Integrated the price calculator and virtual tour components to give buyers a full picture before they set foot on site.
Architecture
A statically generated Next.js site — fast by default, no backend needed. The interactive components (floor plan viewer, price calculator, virtual tour) all run client-side, keeping the site snappy while the static pages load instantly from the edge.
Under the hood
Interactive floor plan with room-level highlighting and unit selection — buyers can click through each apartment layout and see which rooms are part of the unit.
Client-side price calculator taking unit type, floor, and area as inputs and computing final costs based on the developer's configured pricing rules.
Smooth scroll animations and polished transitions throughout — matching the premium feel the client's brand needed.
What I learned
Working from Figma designs taught me that pixel accuracy matters less than capturing the intended mood — sometimes you have to make small adjustments in code to match what the designer actually envisioned.
Static sites are underrated for marketing pages — you get near-instant load times and no infrastructure to worry about, which made the client happy on launch day.
Built with
Frontend
- Next.js
- React
- TypeScript
- Tailwind CSS
Design & Tooling
- Figma
- ESLint
- Prettier
