2022
|
UI/UX Design
Campaign for Justice in Muslim Family Laws Microsite
Designed and developed a microsite for Musawah’s campaign advocating for justice in Muslim family laws. The microsite aimed to educate and engage global audiences about the significance of gender equality and legal reforms.
Designed and developed a microsite for Musawah’s campaign advocating for justice in Muslim family laws. The microsite aimed to educate and engage global audiences about the significance of gender equality and legal reforms.



Problem Statement
The existing digital presence for Musawah’s campaign lacked a focused and engaging platform to effectively communicate its mission and foster user interaction. The challenge was to create a visually appealing and informative microsite that would resonate with a diverse audience while simplifying access to educational resources and campaign activities.
Objectives
Simplify navigation and present legal content cohesively.
Ensure accessibility for diverse user groups.
Align the design with Musawah’s mission of advocacy and education.
Simplify navigation and present legal content cohesively.
Ensure accessibility for diverse user groups.
Align the design with Musawah’s mission of advocacy and education.
Design Process


Requirement Alignment and Problem Analysis
Collaborated with stakeholders to define requirements and analyze current challenges, including disorganized PDFs and inconsistent content structures.
Content Audit and Architecture
Assessed existing content, creating a structured information architecture for better user navigation.

Wireframes and Iteration
Created wireframes, refined through feedback loops, before moving to hi-fi prototypes.

UI Design and Accessibility
Designed an inclusive, user-friendly interface.
Requirement Alignment and Problem Analysis
Collaborated with stakeholders to define requirements and analyze current challenges, including disorganized PDFs and inconsistent content structures.
Content Audit and Architecture
Assessed existing content, creating a structured information architecture for better user navigation.

Wireframes and Iteration
Created wireframes, refined through feedback loops, before moving to hi-fi prototypes.

UI Design and Accessibility
Designed an inclusive, user-friendly interface.
Key Solutions



Enhanced Content Structure
Extracted and reorganized static PDF content for better searchability and navigation, resulting in an accessible and streamlined content presentation.
Enhanced Content Structure
Extracted and reorganized static PDF content for better searchability and navigation, resulting in an accessible and streamlined content presentation.
Intuitive IA Restructuring
Implemented a clear information hierarchy that improved user experience and enabled a seamless transition to a CMS.
Intuitive IA Restructuring
Implemented a clear information hierarchy that improved user experience and enabled a seamless transition to a CMS.






Visually Engaging UI
Crafted a brand-aligned design that resonated with Musawah’s identity and campaign message, increasing user engagement and reinforcing trust.
Visually Engaging UI
Crafted a brand-aligned design that resonated with Musawah’s identity and campaign message, increasing user engagement and reinforcing trust.
The Outcome
Improved Content Accessibility
Transformed complex, static PDF documents into a well-organized digital format, significantly enhancing searchability and user navigation.

Clear Information Architecture
The restructured IA provided a seamless user experience and prepared the platform for future CMS integration.
Enhanced Usability
Users reported improved ease of accessing and understanding legal information, fulfilling the project’s core objective of better content presentation.

Improved Content Accessibility
Transformed complex, static PDF documents into a well-organized digital format, significantly enhancing searchability and user navigation.

Clear Information Architecture
The restructured IA provided a seamless user experience and prepared the platform for future CMS integration.
Enhanced Usability
Users reported improved ease of accessing and understanding legal information, fulfilling the project’s core objective of better content presentation.

How can I help?
Whether you're looking for design leadership, consulting, or collaboration on your next project, I’m here to help.