Campaign for Justice in Muslim Laws Microsite
The client in need of revamping the entire campaign microsite into a more easy-to-navigate structure. This project involved extracting static content from multiple PDF files, restructuring it into a logical manner, and enhancing the UI design to reflect the brand and campaign sentiment.
Project Details
The Challenge
The initial content, stored in numerous PDF files, was inconsistent in structure and difficult for users to navigate. The look and feel of the previous design was also outdated and lacked visual consistency, making it unappealing to users.
The Solution
I undertook a comprehensive Information Architecture (IA) restructure at both the microsite and content levels. I categorized content based on frequency and topics, making it easy to transfer to a Content Management System (CMS). I also fused the brand's essence with the campaign's key visual to create a new UI design that was both consistent and visually engaging.
The Results
Print-Friendly Tables
- Redesigned country law tables into simple, clean layouts.
- Enabled easier offline reading for advocacy and academic use.
Filter System
- Helped users browse by country or topic without getting lost.
- Reduced navigation friction and supported a lightweight mobile journey.
Tagging and Cross-Linking
Smart tagging for topics and countries.
Mobile-First and Lightweight Design
Optimized pages for slow or limited internet connections.
UI Guideline
To support future scalability and consistency, I developed a brand style guide covering:
- Core color palette and accessibility standards
- Typography hierarchy across mobile and desktop
- Layout grids and responsive spacing
- UI component specifications (buttons, cards, navigation)
Get in touch
Reach out to discuss your project or book a discovery call.