Saudi real estate, mapped and simplified.

A native mobile app for one of Saudi Arabia's largest real estate platforms — bringing land data, interactive maps, and the full purchase journey into one clear experience.

Role

UX Lead | 3 designers

Team

Tremoloo

Platforms

Mobile Native

Focus

Real estate platform

Our task was to take an existing web platform and bring it to mobile — not just resize it, but rethink it. Suhail holds a massive database of land units across Saudi Arabia, and the challenge was making that complexity navigable for someone standing on a street, not sitting at a desk.

Our task was to take an existing web platform and bring it to mobile — not just resize it, but rethink it. Suhail holds a massive database of land units across Saudi Arabia, and the challenge was making that complexity navigable for someone standing on a street, not sitting at a desk.

Challenges

16 land types. One map. Zero confusion.

Information density on a small screen

The platform holds thousands of land units — residential, commercial, and 14 other types — all needing to be visible, distinguishable, and filterable on a mobile map. Without a system, it's just noise.

A purchase journey with real stakes

Buying land in Saudi Arabia involves government approvals, staged payments, tax invoices, and legal documents. Users needed to know exactly where they were, what was next, and how long to wait — at every step.

From web to mobile, not just smaller

The existing platform was built for desktop. Moving to mobile meant rethinking navigation, interaction patterns, and information hierarchy — not just fitting the same content into a smaller frame.

My Role

I led the UX direction across the full project alongside two designers — owning client communication, the map experience, the purchase journey, and the usability testing phase.

UX direction
Defined the interaction model for the map, the unit detail view, and the full purchase flow from first tap to final document

Map system
Designed the color and pattern system for 16 land types, the map legend, and the filter experience

Purchase journey
Mapped every stage of the buying process — deposit, government approval, installments, tax invoice, legal handoff — with clear status, timelines, and next steps at each point

Client communication
Presented work and iterated directly with the client throughout

Key Design Decisions

Color and pattern, not just color. With 16 land types on one map, color alone wasn't enough — colorblind users would lose half the information. We paired each land type with a unique color and pattern combination, then gave users a map legend they could reference at any moment. Filter on top of that, and the map goes from overwhelming to manageable.

Option considered

Color-only differentiation for land types

Decision made

Color + pattern system with map legend and filters — readable for everyone, filterable for focus

The map and the detail view work together. Tapping a land unit on the map doesn't take you away from it — the detail panel slides in over the map, keeping your location visible. Going back is one gesture. The navigation between map and information was designed as a conversation, not a page transition.

A purchase journey that holds your hand without being patronizing. Buying land involves waiting — for government approval, for payment windows, for document processing. We made the wait visible: current stage, expected duration, what's needed from the user, and what comes next. No ambiguity, no anxiety about whether something is stuck.

Option considered

Color-only differentiation for land types

Decision made

Color + pattern system with map legend and filters — readable for everyone, filterable for focus

Solution

A map you can actually read. A journey you can actually follow.

Map system
16 land types, each with a unique color and pattern. A persistent map legend. Filters that let users narrow down to exactly what they're looking for. The map went from a data dump to a decision-making tool.

Unit detail & navigation
Land unit details appear over the map — not instead of it. Users can browse information, go back to the map, and tap another unit without losing their place. The back-and-forth between map and detail is seamless.

Purchase journey
From deposit to legal handoff — every stage is visible, every wait is explained, every required document is surfaced at the right moment. Users always know where they are in the process and what they need to do next.

Usability testing & iteration
We tested the app with real users before final delivery. Insights from the sessions fed directly into a round of fixes — so the handoff wasn't just designs, it was a validated experience.

Outcome

Complex data, clear experience.
A platform that held thousands of land units and a multi-stage government purchase process — made navigable on a 6-inch screen. The usability testing caught friction before it reached real users, and the map system solved a visual complexity problem that most platforms in this space haven't cracked.