Questbloom: A React Property Finder and Corporate Site for Dubai Real Estate
/work/questbloom-real-estate/hero.webp · 2000 × 1500- Client
- Quest Bloom Real Estate
- Industry
- Real Estate
- Deliverables
- UX & UI Design
- React Front End (Vite)
- Custom Admin CMS
- Property Search & Filters
- Corporate Profile Pages
- 92SEOGoogle Lighthouse, desktop · measured Oct 2026
- 96Best PracticesGoogle Lighthouse, desktop · measured Oct 2026
- 0msResponsivenessGoogle Lighthouse, desktop · measured Oct 2026
- 0.01Layout StabilityGoogle Lighthouse, desktop · measured Oct 2026
- 7Content Managed in CMSPlatform API, Oct 2026
Questbloom needed more than a brochure site. Its agents handle off-plan, ready, rental, commercial and distressed property across the UAE, and the marketing team wanted to change banners, menus and homepage sections for each campaign without waiting on a developer.
We built a React property finder backed by a custom admin CMS. Listings, property types, rental locations, banners, menus and every page section are managed in the admin panel and delivered through a REST API, so the site updates the moment the team publishes.
About Quest Bloom Real Estate
Quest Bloom Real Estate is a Dubai brokerage in Lake Central Tower, Business Bay, helping clients buy, rent and invest in residential and commercial property, including off-plan developments.
The platform combines a property search, with filters for ready or off-plan status, type, bedrooms, bathrooms and price, and a corporate profile covering who Questbloom is and how to reach the team.
Technologies & tools
Technologies
- React (Frontend)
- Vite
- React Router
- Bootstrap
- JavaScript
Design Software
- Figma
Backend & Content
- Custom Admin CMS
- REST API (token-secured)
What we delivered
We delivered a property platform the business runs itself: a fast React front end and an admin panel that controls every listing and every page section.
- 01UI / UX Design
- 02React Development
- 03Admin CMS & API
- 04Search & Filtering
- 05Corporate Profile
We separated content from code. The React front end only renders; everything the business changes (listings, banners, menus, page sections, theme options) lives in the admin CMS behind a token-secured API. Questbloom can launch a campaign or add a development without touching the codebase.
Planning a build like Quest Bloom Real Estate? Get a technical scoping call with the team that shipped it.
Talk to an EngineerBrand system
01Colour Palette
#797631#181A20#F7F7F7#FFFFFF
02Typography
Primary
POPPINS
- RegularQuestbloomThe quick brown fox jumps over the lazy dog
- MediumQuestbloomThe quick brown fox jumps over the lazy dog
- Semi BoldQuestbloomThe quick brown fox jumps over the lazy dog
- BoldQuestbloomThe quick brown fox jumps over the lazy dog
Designed in Figma, screen by screen
A premium, image-led interface in deep olive and charcoal, with search front and centre: buy or rent, ready or off-plan, then type, bedrooms, bathrooms and price.
UI Components
/work/questbloom-real-estate/ui-components.webp · 2400 × 1350Desktop View
A full-width banner carousel managed from the CMS, with the property search sitting on top so visitors start searching immediately.
/work/questbloom-real-estate/desktop.webp · 2400 × 1500Main Pages
/work/questbloom-real-estate/page-search.webp · 2400 × 1500Property Search
Filter by status, type, bedrooms, bathrooms and price, sort by newest or price, and switch between grid and list views.
/work/questbloom-real-estate/page-offplan.webp · 2400 × 1500Off-Plan & Buy
Dedicated sections for off-plan developments and ready properties, each powered by the same listings API.
/work/questbloom-real-estate/page-rent.webp · 2400 × 1500Rent & Commercial
Rental property types and locations come straight from the CMS, so new areas appear in the filters as soon as they’re added.
/work/questbloom-real-estate/page-about.webp · 2400 × 1500Who We Are
The corporate profile: the team, the Business Bay office and direct lines to customer care.
Admin CMS
One panel for listings, theme options, menus, homepage banners and page sections, with image uploads served from the platform’s own media storage.
/work/questbloom-real-estate/admin.webp · 2400 × 1500Performance Metrics (KPIs)
Measured on the live site.
Built as a React single-page application with Vite, React Router and Bootstrap. Content arrives from a custom admin CMS through a token-secured REST API, covering theme options, menus, page sections, banners, property types, rental locations and properties.
SEO
A strong Lighthouse SEO score for the corporate and listing pages.
SEO score92Google Lighthouse, desktop · measured Oct 2026
Best Practices
HTTPS throughout, secure assets and a clean console.
Best Practices96Google Lighthouse, desktop · measured Oct 2026
Responsiveness
No main-thread blocking on desktop: the interface responds immediately.
Total Blocking Time0msGoogle Lighthouse, desktop · measured Oct 2026
Layout Stability
Search, banners and listings render without layout jumps.
CLS0.01Google Lighthouse, desktop · measured Oct 2026
Content Managed in CMS
Theme options, menus, banners, page sections, property types, locations and listings are all edited in the admin panel.
CMS-driven content types7Platform API, Oct 2026
Key Development Challenges & Solutions
- 01
Challenge: Changing content without deployments
Problem: Every campaign meant new banners, menu items and homepage sections.
Solution: All of it lives in the admin CMS and is fetched through the API, so marketing publishes changes instantly.
- 02
Challenge: Search that matches how buyers think
Problem: Dubai buyers search by status first: ready or off-plan, then type, beds and budget.
Solution: A search bar with Buy/Rent and status toggles plus advanced filters, sorting and grid/list views.
- 03
Challenge: Protecting listing data
Problem: The listings API is the business’s core asset.
Solution: The REST API is token-secured, so data is only served to the platform’s own front end.
/work/questbloom-real-estate/development.webp · 2000 × 1500Technical Architecture & Tech Stack
A headless setup: a React front end on top of a custom admin CMS and REST API.
React
Component-based front end for search, listings and the corporate pages.
Vite
Fast builds and optimised production bundles.
REST API
Token-secured endpoints for properties, page sections, menus and media.
Admin CMS
The control panel for listings, banners, menus and theme options.
/work/questbloom-real-estate/tech-frame.webp · 2520 × 1080What this project proves
In Dubai real estate, inventory and campaigns change weekly. A site that needs a developer for every new launch falls behind the market.
Questbloom’s platform puts the business in control: a React property finder for buyers and renters, and an admin CMS where the team manages every listing, banner and section themselves.
For brokerages ready to own their platform instead of renting a template: this is the headless setup that grows with the portfolio.
Ready to Get Started?
Tell us what you’re building. We’ll map the stack, the timeline and the team.