Hamad Bin Khalifa University Website

Year: 2023-2026

For three years, managed Hamad Bin Khalifa University website full time, overseeing its design, content updates, and overall quality. Designed and refined pages to create a consistent, user-friendly experience, maintained accurate and up-to-date content across departments, and conducted ongoing quality checks to ensure the website remained accessible, responsive, and error-free. Collaborated closely with stakeholders across the university to translate their goals into clear, engaging pages that effectively serve students, faculty, and visitors alike.

This page showcases a selection of tasks and projects completed throughout this role.

School of Education

Designed the landing and program pages for the School of Education, highlighting its academic offerings, latest news and events, and detailed program information through a clear, engaging, and user-friendly web experience.

Graduation

Designed the Graduation 2026 webpage to celebrate the graduating class through ceremony highlights, media coverage, photo galleries, and the livestream recording. The page also features messages from university leadership, Class of 2026 statistics, student messages and videos representing each college, personal graduation journeys, and faculty testimonials, creating an engaging digital experience that captures the achievements and stories of the graduating community.

Web Summit 2026

Designed the Web Summit 2026 landing page to showcase the university’s innovative technologies and startups, with dedicated pages highlighting each initiative and its key features. The website also features a three-day event schedule of university speakers, providing details of each session, including the speech title, speaker, and location, creating an organized and engaging platform to highlight the university’s innovation and presence at the event.

Community Outreach

Designed the Community Outreach landing page as a central hub showcasing university-wide initiatives and programs aimed at engaging the community. Programs are organized by academic level, from elementary and middle school to high school, undergraduate, and graduate, with cards featuring brief descriptions and the respective college or division offering each program. Each card links to a dedicated program page with comprehensive details. Additionally, designed a dedicated Community Outreach page for individual colleges and divisions to showcase all their community programs in one place, improving discoverability and providing a consistent user experience across the university website.

Academic Advising

Designed the Academic Advising webpage to showcase the services offered by the Academic Advising Office and provide clear guidance on booking appointments with academic advisors. The website features dedicated pages for first-year, sophomore, and junior and senior students, outlining what students can expect from academic advising, key academic requirements, and relevant resources to support them throughout their academic journey. The design focuses on making advising information accessible, well-organized, and easy to navigate, helping students understand the advising process and access the guidance they need at every stage of their university experience.

High-Contrast Mode for Web Accessibility

Designed a high-contrast version of the website to improve accessibility for users with visual impairments. Integrated a toggle button that allows users to easily switch between standard and high-contrast modes, enhancing text readability, visual clarity, and content visibility. This feature promotes a more inclusive and user-friendly browsing experience by allowing users to customize the website’s visual presentation to better suit their needs.