Aspire Zone Foundation, Qatar
Overview
Aspire Zone Foundation is the organization behind Qatar's national sports city in Doha, encompassing Khalifa International Stadium, Aspire Academy, the Aspetar sports hospital, Aspire Logistics, and The Torch Doha hotel. I led the redesign and front-end development of its public website, built on a custom ASP.NET CMS and published in both English and Arabic. The existing site had grown into a patchwork of inconsistent, one-off page templates over the years, so the work involved redesigning the experience end-to-end in Figma and then rebuilding it as a reusable component library — cards, sliders, forms, modals, tables, and navigation — using HTML, Bootstrap, and CSS, so CMS editors could assemble new pages consistently across the entire site without developer intervention.
My UX Contribution
- Systemized a fragmented content model into a scalable component library. Audited the existing site to identify near-duplicate templates masquerading as different components, then consolidated them into ~40 reusable components (12 card variations, a full form field-type library, three slider treatments) sharing one grid, spacing scale, and accent color system.
- Designed bilingual (English/Arabic RTL) as a core constraint, not an afterthought. Built every component with logical start/end values from the outset, so spacing, icon direction, and button order worked correctly in both languages without a separate RTL design pass — reducing rework and design debt across releases.
- Designed for a real CMS handoff, not just static screens. Every component was designed with its full range of real-world states (empty, filled, hover, error, RTL-mirrored) so non-technical editors could compose new pages — heroes, event listings, venue maps, feedback forms — entirely from existing parts, without needing a developer to redraw layouts.