← Case Studies [ Case Study · Concept SaaS · 2026 ]

Wasla (وصلة).
The lead command center for Egyptian real estate offices.

A multi-channel lead inbox for Egyptian brokerages. Chat apps, social platforms, and listing portals — all routed to one inbox with smart agent assignment, lost-lead recovery, and pipeline kanban.

Client
YMS Studio · in-house concept
Sector
Real Estate · Lead Management
Type
Multi-View Dashboard SaaS
Year
2026
✓ Validated pain · Cairo brokerages

Every chat lead in one place.
No more 47 scattered threads.

The lead command center for Egyptian real estate offices. Chat apps, social platforms, and listing portals — all in one inbox. Smart routing. Lost-lead recovery.

Concept prototype — fictional brokerage (Crestline Realty), fictional developer names, fictional sample data. Not affiliated with any real broker or platform.
[ 01 — The pivot ]

Pivoted from Aqsat after
deeper customer research.

Aqsat was conceived as a payment-plan calculator SaaS. After deeper research, the specific calculator pain wasn't directly validated in public sources — only adjacent pains like WhatsApp lead loss, commission delays, and fragmented inventory surfaced consistently.

Multiple sources confirmed the lead-loss pain: a chat-only CRM raised funding on the exact problem, an industry CEO publicly described the brokerage industry as "running on chat threads and paper contracts, fragmented, opaque, slow to digitize", and a top-10 Cairo brokerage's operations director reported their conversion rate jumped from 8% to 19% after centralizing leads. That's the wedge.

Wasla's positioning: not another generic CRM (would lose to incumbents). Not a marketplace (extracts commissions). Wasla is the lead-capture layer — sits in front of whatever CRM the brokerage already uses, fixes the specific pain of leads dying in scattered chat threads. Flat per-seat pricing. No commission take. Broker owns the data.
[ 02 — Product surfaces ]

A working app frame.
5 switchable views.

  1. Inbox

    Unified incoming feed across 4 channels (chat / social photo / social network / listings portal). 8 sample leads with channel icons, status tags (NEW / VIEWING / NEGOTIATING / REPLIED / COLD), agent assignment, time-since, developer + budget metadata. Cold leads outlined in coral for visual urgency.

  2. Pipeline (Kanban)

    5 columns × 2-4 cards. Drag-style cards w/ developer + budget + agent avatar. NEW → REPLIED → VIEWING → NEGOTIATING → CLOSED. Real-time counters per column.

  3. Agents

    5 sample agents with response time, conversion rate, current load (low/med/high bar), and a 7-bar sparkline showing this week's trend (lime up / coral down / mute flat). Office managers see who's overloaded and who's slacking at a glance.

  4. Analytics

    4 KPI cards (leads received, avg reply time, cold leads, closed deals) + 14-day bar chart with peak day highlighted in teal. Bar chart animates from 0 with staggered easing on scroll into view.

  5. Templates

    6 chat templates (Initial reply, Viewing confirmation, Plan PDF delivery, Cold lead reactivation, Negotiation response, Closing congrats) — pre-written in Arabic and English with merge field placeholders. Usage counts shown per template.

[ 03 — CRM-native magic ]

Operations dashboard polish.
10 micro-interactions.

01

Live activity ticker

Pulsing lime dot + cycling lead-arrival messages every 4s above the app frame. Real-time "this thing has volume" signal.

02

New lead flash

Inbox rows with unread status flash lime green on mount, settling to default after 2.4s. Subtle but communicates urgency.

03

Channel glow

Channel icons get a brand-colored shadow ring on row hover (chat-green, photo-pink-gradient, social-blue, portal-orange) — visual continuity without naming platforms.

04

View crossfade

Switching sidebar views (Inbox → Pipeline → Agents → Analytics → Templates) triggers a 350ms cubic-bezier crossfade with 8px slide. Smooth navigation.

05

Kanban card lift

Hovering a kanban card lifts it 3px + rotates -0.4° (subtle physics). Budget text gets a gold gradient sweep animation on hover.

06

Sparklines + bar chart

Agent rows include 7-bar mini sparklines color-coded by trend. Analytics bar chart grows from 0 with 40ms stagger between bars on scroll into view.

[ 04 — Visual system ]

Light operations product.
Lime + teal + warm cream.

Wasla deliberately breaks from the dark editorial of Aqsat and the cream scholarly of MadrasaOS. Light cream #fafaf7 background, deep teal #0d4f4a text, vibrant lime #84cc16 active states, coral #ef4444 cold-lead alerts, amber #f59e0b warnings.

Typography pairs Outfit (modern soft-tech geometric sans) for display with Inter body and JetBrains Mono for editorial labels. Three distinct demos, three distinct identities — MadrasaOS (scholarly), Aqsat (luxury editorial), Wasla (operations product).

The app frame uses a browser-chrome titlebar (3 dots + URL + org name) above the sidebar + main panel layout. The demo IS the product, not below it.

React 18 Babel Standalone Outfit + Inter 5 working views RTL native 10 micro-interactions