Every Muslim community event in one place — posted in a minute, found in seconds.
Muslim community events are everywhere and nowhere. A lecture gets announced in one WhatsApp group, a fundraiser on a masjid's Instagram story, a youth night on a flyer taped to a door. If you weren't already in the right group chat, you simply never heard about it.
Ummah Connect gives those events a single home. I designed the app — the brand, every screen, and the visual system holding them together. A developer builds it; my job is that it looks and behaves right before it gets there.
Two audiences with opposite needs, and a platform that had to serve both without feeling like a compromise.
Most of the app is one component seen at different sizes. I designed the event card to carry the poster image, the host masjid, the title and the date in a single glance, then reused it across the feed, the carousel and saved events — so the app feels consistent without me drawing four versions of the same thing.
A deep green against a soft lilac ground, with a peach accent for anything actionable. Community apps usually reach for either sterile blue or heavy ornament. This sits between: calm enough to read, warm enough to feel like it belongs to somebody.
Arabic calligraphy sits behind the whole app at very low contrast — present if you look for it, invisible while you're reading. It does the cultural work without competing with the content.
Fig. 1.5 — Palette, as built
Ummah Connect is live. The system has held up as features got added — new screens get assembled from components I already drew rather than designed from scratch, which is the only honest test of whether a design system actually works.