Case Study

AUDI

The Arab Urban Development Institute (AUDI) is a Riyadh-based regional non-profit, founded in 1980 by the Arab Towns Organization, specializing in urban development research and training across the Arab world. Working from approved Figma designs, I developed their custom WordPress theme — a fully bilingual site with Arabic as the primary right-to-left experience and a mirrored English version.

Custom Theme Development
Client Arab Urban Development Institute (AUDI)
Industry Urban Development / Non-Profit — Riyadh, Saudi Arabia
Year 2023 – 2024
My Role WordPress Developer
Agency Machine Intelligence 6
2 Complete language experiences — Arabic (RTL) and English
1980 Institution founded — brought to a modern bilingual web presence
6+ Content sections: programs, media, news, events, newsletter, membership

What the client was up against

An institution with four decades of history needed a web presence to match its regional standing — in two languages with two different text directions. Arabic had to come first: a fully right-to-left experience where every layout, menu, and component is mirrored, with English as its structural twin rather than an afterthought.

The content architecture ran deep: programs, a media center with news and a bi-monthly newsletter, events with historical archives, leadership and advisory board pages, partners, and membership flows — all implemented pixel-accurately from the Figma designs.

What I built

I developed a custom WordPress theme built Arabic-first: right-to-left layouts as the default, with the English version mirrored from the same templates. The theme covers the institute’s full content structure — program pages, a media center, news, a newsletter showcase in both languages, events with month/year search filtering, leadership profiles, and membership signup — opening with a video hero banner and animated brand loader.

This build is the companion to the Info Hub data portal I developed for the same client, which catalogues Arab cities, urban projects, organizations, and publications.

Delivered in this project

Custom WordPress theme developed from Figma designs
Arabic-first RTL interface with a mirrored English version
Full institutional architecture: programs, media center, news, leadership, partners
Events listing with month and year search filtering
Bilingual bi-monthly newsletter showcase
Membership signup flows
Video hero banner with animated brand loader
Companion build to the AUDI Info Hub portal plugin

Related work for the same client: the AUDI Info Hub portal plugin — a bilingual data portal cataloguing Arab cities, urban projects, organizations, and publications.

Let's Build Your Next Project

I'm currently available for new projects. Tell me about yours and I'll get back to you within 24 hours.