The challenge
An advocacy and relief organisation needed one site that explains its mission, earns the trust of donors, and turns interest into volunteers, for readers in both English and Urdu. Urdu reads right to left, so a layout designed left-to-right and translated afterwards breaks: navigation, icons, forms, and the map all have to mirror, not just the text.
Our approach
The design was worked out in Figma with the right-to-left version treated as a first-class layout, not a retrofit.
The site is built in React with Tailwind CSS and Radix UI primitives, which keep menus, dialogs, and accordions accessible by keyboard and screen reader in either reading direction.
Content is organised around the forum's three pillars so a first-time visitor understands what the organisation does in seconds, then reaches a clear next step: volunteer, donate, or get in touch.
What we built
English and Urdu, fully mirrored
A language switch that flips the whole interface to right-to-left, not only the copy.
Mission pillars
Solidarity, Relief & Aid, and Advocacy, each with its own explanation and call to action.
Volunteer and donate flows
Short, focused paths for the two actions that matter most to the organisation.
Interactive presence map
A Leaflet map showing where the forum is active.
Impact stats
Headline numbers that make the organisation's reach concrete.
FAQ and in-app assistant
Answers to common questions without waiting for an email reply.
