# TMG – Talaat Moustafa Group

> Egypt's largest planned communities needed a website as well planned as they are.

- **Case study by**: [Mohamed Amin](https://aminuix.com)
- **Date**: Jul 30, 2024
- **Tags**: Real estate, Corporate web
- **Role**: UI/UX Designer
- **Timeline**: Apr – Jul 2024
- **Team**: Pimula Agency
- **Platform**: Web
- **View full case**: https://www.behance.net/gallery/204453495/TMG-Talaat-Moustafa-Group

![TMG – Talaat Moustafa Group: real estate developer website UI/UX design by Mohamed Amin](https://aminuix.com/api/media/file/tmg-cover-hq-1600x1200.webp)

## The Real Problem

Talaat Moustafa Group develops master-planned communities across Egypt, from residential and commercial to recreational, with landmarks like Madinaty, El-Rehab and May Fair. That scale is also the challenge: communities, residences, commercial projects, e-commerce, news, careers and investor relations all compete for space on one website. At that scale, the UI/UX design of a real estate developer website starts with structure.

![TMG – Talaat Moustafa Group real estate developer website UI/UX design: the real problem](https://aminuix.com/api/media/file/tmg-shot-01-hq.webp)

## Finding the Fix

We started with discovery: stakeholder interviews, a design backlog and a feature breakdown. Then came the experience design: user flows, information architecture, competition analysis and sketches. The mind map gave every audience a clear path, whether they were buying a home, investing or applying for a job.

![TMG – Talaat Moustafa Group real estate developer website UI/UX design: finding the fix](https://aminuix.com/api/media/file/tmg-shot-02-hq.webp)

## What Actually Happened

From wireframes we moved into a design system and the visual direction, then designed the home page, the internal pages and the resort websites. A real Figma prototype, with component variations and behaviors written out, made the handoff to development smooth.

Development built the site on a CMS with custom blocks and plugins, then tested the APIs, the front end, security and performance. The site launched officially in July 2024.

![TMG – Talaat Moustafa Group real estate developer website UI/UX design: what actually happened](https://aminuix.com/api/media/file/tmg-shot-03-hq.webp)

## Design Elements

- **360° site tours** of communities like El-Rehab, Al-Rabwa, May Fair and Madinaty, from wherever you are.
- **The community app**, promoted on the site: news, neighbors and services in one place.

![TMG – Talaat Moustafa Group real estate developer website UI/UX design: design elements](https://aminuix.com/api/media/file/tmg-shot-04-hq.webp)

## The System

A 12-column grid with 100px margins and 24px gutters, Montserrat for titles and text, and a navy and gold palette that carries the weight of an established brand.

![TMG – Talaat Moustafa Group real estate developer website UI/UX design: the system](https://aminuix.com/api/media/file/tmg-shot-05-hq.webp)

## What I Learned

**On big sites, structure comes first.** The mind map did more for usability than any single screen.

**Handoff is part of design.** Documenting variations and behaviors in the prototype saved the team from guesswork during development.

![TMG – Talaat Moustafa Group real estate developer website UI/UX design: what i learned](https://aminuix.com/api/media/file/tmg-shot-06-hq.webp)

Next project: [Pirelli App](https://aminuix.com/case-study/pirelli-mobile-app)