Back to Projects
Msanii Real Estate
MS
Real Estate Platform

Msanii Real Estate

πŸ‘ β€” views
β™‘ β€” likes
Overview

A premium platform for
Kenyan real estate agencies.

Msanii Real Estate Agencies (also referenced as MSANII ACG) is a full-featured real estate platform designed for Kenyan agencies to list, manage, and sell properties. The platform features a public-facing property listing site, a private admin panel, and an inbox system for managing client enquiries.

The design system was built around a premium orange brand palette, establishing a cinematic, high-end visual identity that stands apart from the generic property portals common in the Kenyan market. Sora and DM Sans typography, card-based layouts, and a hero-banner-first approach give the platform a hospitality-level polish.


Key Features
🏠
Property Listings
Dynamic listing pages with image galleries, property specs, and contact forms.
πŸ›‘
Admin Panel
Full CRUD for properties, agents, and enquiries with role-based access.
πŸ“¬
Inbox System
Structured inbox for agent–client communication. Deferred button-disable to prevent double-submit.
🎨
Design System
Cohesive orange brand palette, Sora / DM Sans typography, and reusable card components.
πŸ“±
Mobile Responsive
Fully responsive across all breakpoints with touch-friendly interactions.
⚑
Cinematic Hero Banners
Full-width hero sections with overlay text, gradient treatments, and animated CTAs.

Screenshots
Challenges & Learnings

The inbox system presented an interesting form-submission bug: aggressive button disabling on submit was causing the form value to be lost in certain browsers before the POST was completed. The solution was a deferred disable pattern β€” the button is disabled only after the form value is captured, using a short timeout to ensure the browser had processed the event.

"The constraint of building for a Kenyan audience β€” with varied device types and connection speeds β€” pushed me to optimise aggressively. Every image got lazy-loading treatment, and the admin panel was designed to be usable even on a 3G connection."

Establishing a cohesive design system from scratch β€” custom CSS variables, consistent spacing scales, and reusable component patterns β€” was one of the key outcomes of this project. That discipline now carries forward into every project I take on.

Comments Loading…

Leave a comment
βœ“ Comment posted! It will appear shortly.
Be the first to comment on this project.