My role
Creative & Art Director, end to end: discovery, information architecture, brand identity, wireframes, UI, design system, accessibility QA, and dev handoff.
The problem
Ten years in, AMA had grown into a federation of 30+ Muslim-led organizations across Arizona. Its website still showed the group it used to be, and one platform now had to carry the mission, news, events, a member directory, membership, and donations.
What I did
Discovery and information architecture
- Led discovery and board alignment.
- Mapped the sitemap and information architecture for 30+ members.
Brand refresh
- Refreshed the logo, style guide, voice, and tone.
UX/UI and design system
- Designed every page in Figma: mission, news by category, events, member directory, membership, donations, and email signup.
- Built the design system components and specs for dev handoff.
- Used AI tools (Claude, Figma, ChatGPT) to speed up wireframes and UI.
Launch
- Handed off to dev partners, who built it in React and Tailwind CSS.
- Ran accessibility and responsive QA before launch, and stayed on for support.
The results
- One platform for news, events, a 30+ member directory, membership, and live donations, all on one brand.
The bottom line: A federation of 30+ organizations needed one platform that speaks for every member without losing one clear identity. The architecture had to scale as fast as the group.
Selected work
Identity, design system, print, and social.
Design system, wireframes and sitemap
Logo, stationery and print identity
Monthly giving flier, front and back
Ten year anniversary carousel