Back to Archive
Case Study ยท 2025FeaturedLIVE v1.0

Keyark

Keyark

A high-end real estate orchestration platform for luxury property curation and enterprise lead management.

Keyark
Lead Assigned (0.4s)

An exclusive digital ecosystem for Kerala's luxury real estate market, featuring a cinematic property showcase and a robust CRM for off-market estate management. It bridges the gap between architectural excellence and high-intent investors through a bespoke administrative interface.

Problem Visual
The Problem

Generic Listings. Curated Excellence.

The luxury real estate sector often suffers from fragmented data and generic listing platforms that fail to convey the prestige of high-value properties. Managing off-market leads, builder partnerships, and banking integrations requires a centralized, secure, and performant system that maintains high visual fidelity without sacrificing administrative efficiency or data integrity across distributed teams.

Solution Visual
The Solution

Cinematic Performance.
Enterprise Control.

Built using Next.js and Prisma with a Neon serverless PostgreSQL backend, the platform implements a sophisticated lead management system and a cinematic frontend. It utilizes a custom-built property picker and builder-partner management module, leveraging WASM-based query compilation for edge-optimized performance. The architecture ensures zero-latency interactions for agents via a specialized admin dashboard while providing a rich, animated experience for potential buyers via Framer Motion and Tailwind CSS 4.0.

Feature Visual
Implementation

Edge-Optimized Lead Orchestration.

Prisma WASM
Next.js App Router
Serverless Postgres
Edge Runtime

System Core // Dynamic Status Orchestration

function getStatusColor(status: string | null): string {
  const s = status || 'New';
  if (s.includes('In Progress')) return 'bg-amber-500/10 text-amber-400 border-amber-500/20';
  if (s.includes('Visit')) return 'bg-blue-500/10 text-blue-400 border-blue-500/20';
  if (s.includes('Negotiation')) return 'bg-emerald-500/10 text-emerald-400 border-emerald-500/20';
  if (s.includes('Won')) return 'bg-emerald-500/10 text-emerald-400 border-emerald-500/20';
  if (s.includes('Lost')) return 'bg-red-500/10 text-red-400 border-red-500/20';
  if (s.includes('Assigned')) return 'bg-keyark-gold/10 text-keyark-gold border-keyark-gold/20';
  return 'bg-surface text-text-muted border-edge';
}
typescript
Next Project

Next Case Study

God's Own Guide